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

Question

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

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

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

这是我的代码：

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

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

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