javascript - 按下按钮时向服务器发送请求而不刷新页面

Question

我有一个带有按钮的网页。该按钮调用我编写的一个 js 函数，该函数将填充一个表单，然后提交该表单。提交表单后，我想将按钮的值设置为“启用”而不是“禁用”。我的服务器（在 Python/Linux 环境中创建）能够解释 get 请求并处理它需要的内容。

问题是每次我提交表单时，页面都会自行刷新，这实际上意味着我无法来回切换值（至少不是我现在这样做的方式）

最终我需要的是一种让用户按下按钮来切换值并让服务器能够对按下按钮做出反应的方法。如果我不需要表格来做到这一点，太棒了！我只是使用该表格，因为它似乎是当时最好的方法。

这是我的代码：

function createForm(tagStr,piStr)
{

myform=document.createElement('form');
myform.method='get';
myform.action='http://172.26.177.17/standardTable.html';

input2=document.createElement('input');
input2.type='hidden';
input2.name='tagID';
input2.value=tagStr;

input3=document.createElement('input');
input3.type='hidden';
input3.name='piID';
input3.value=piStr;

elem= document.getElementById("mapButton");

input4=document.createElement('input');
input4.type='hidden';
input4.name='Action';
input4.value=elem.value;

myform.appendChild(input2);
myform.appendChild(input3);
myform.appendChild(input4);
document.body.appendChild(myform);
myform.submit();

if (elem.value == "Disabled") elem.value = "Enabled";
else elem.value = "Disabled";       

}

Answer 1

需要在 submit 事件上处理表单提交，并返回 false 防止页面刷新

$('#form').submit(function () {
 sendContactForm();
 return false;
});