Javascript 表单提交，无需重定向和重新加载

我是HTML新手。我已经编写了一个应用程序，允许用户添加数据，这是一个本地应用程序。我在这个应用程序中使用了表单，当表单提交时，我面临一个问题。我不希望页面导航/重定向，甚至不希望重新加载同一页面。目前它正在重新加载页面。请告诉我停止重定向/重新加载此应用的原因。我不想要任何php代码，应用程序只需要纯HTML和JS。 下面是HTML应用程序代码

函数addInfo（）{
var InfoForm=document.forms[“InfoForm”]；
var trelem=document.createElement（“tr”）；
对于（var i=0；i

表格标题
名称
年龄
姓名：



年龄：

A表单提交向服务器发出获取/发布请求。不能仅使用JS从表单提交中获取数据

如果您不想在一些简单的应用程序中使用服务器端语言，您可以创建自己的功能，而无需真正提交表单

无格式示例

函数gocalc（）
{
var number=document.getElementById（“number”）.value；
var text=document.getElementById（“text”）.value；
如果（number>0&&numberA表单提交向服务器发出了获取/发布请求。您不能仅使用JS从表单提交获取数据

如果您不想在一些简单的应用程序中使用服务器端语言，您可以创建自己的功能，而无需真正提交表单

无格式示例


函数gocalc（）
{
var number=document.getElementById（“number”）.value；
var text=document.getElementById（“text”）.value；
如果（number>0&&number这不是使用
的正确情况。当您通过GET或POST将方法数据发送到服务器时，将使用

因此，只需使用一个
和两个

插入带有和的行更容易

完整示例：


var nName=document.getElementById（“nName”）；
var nAge=document.getElementById（“nAge”）；
var btn=document.getElementById（“addData”）；
var tbl=document.getElementById（“myData”）；
函数addData（）{
变量行=tbl.insertRow（0）；
var d1=行插入单元格（0）；
var d2=行插入单元格（1）；
d1.innerHTML=nName.value；
d2.innerHTML=nAge.value；
}
btn.addEventListener（“单击”，添加数据）；
表格{
利润率：15px0；
}
#inputData>div{
保证金：5px0；
}
#inputData>div>span{
显示：内联块；
宽度：100px；
}

名称
年龄
姓名：
年龄：
添加数据
这不是使用
的正确情况。当您通过GET或POST将方法数据发送到服务器时，将使用

因此，只需使用一个
和两个

插入带有和的行更容易

完整示例：


var nName=document.getElementById（“nName”）；
var nAge=document.getElementById（“nAge”）；
var btn=document.getElementById（“addData”）；
var tbl=document.getElementById（“myData”）；
函数addData（）{
变量行=tbl.insertRow（0）；
var d1=行插入单元格（0）；
var d2=行插入单元格（1）；
d1.innerHTML=nName.value；
d2.innerHTML=nAge.value；
}
btn.addEventListener（“单击”，添加数据）；
表格{
利润率：15px0；
}
#inputData>div{
保证金：5px0；
}
#inputData>div>span{
显示：内联块；
宽度：100px；
}

名称
年龄
姓名：
年龄：
添加数据