Javascript 在不刷新页面的情况下按按钮向服务器发送请求

Javascript 在不刷新页面的情况下按按钮向服务器发送请求,javascript,jquery,html,ajax,http,Javascript,Jquery,Html,Ajax,Http,我有一个网页,上面有一个按钮。该按钮调用我编写的js函数,该函数将填充一个表单,然后提交该表单。在提交表单时,我想将按钮的值设置为“启用”而不是“禁用”。我的服务器(用Python/LinuxEnv创建)能够解释get请求,并处理好它所需要的一切 问题是,每次我提交表单时,页面都会自动刷新,这实际上意味着我不能来回切换值(至少不是我现在的方式) 最终,我需要的是一种让用户按下按钮来切换值的方法,并让服务器能够对按下按钮做出反应。如果我不需要表格来做这件事,太棒了!我之所以使用这个表单,是因为它似

我有一个网页,上面有一个按钮。该按钮调用我编写的js函数,该函数将填充一个表单,然后提交该表单。在提交表单时,我想将按钮的值设置为“启用”而不是“禁用”。我的服务器(用Python/LinuxEnv创建)能够解释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";       

}
需要在submit事件上处理表单提交,并返回false以防止页面刷新
将允许您通过AJAX发送数据。假设这是我需要在代码中使用的行:“$(“#theForm”).ajaxSubmit({url:'server.php',键入:'post'})”-我的url是什么,我没有php。。我是否需要将“#theForm”更改为我的一个变量?
#theForm
是一个JQuery选择器,我建议首先对JQuery有一个基本的了解。URL是您提交的页面的URL(即您的
操作
)哦,那么表单就像我的表单id?URL是不是像..webPage.html?action=doThis&tag=myTag之类的东西?如果你想在回答中总结一下,我给你25个rep hahaha,jQuery标记在哪里?这会取代我的“myform.submit()”行吗?那么#形式是什么呢?我是保持原样,还是需要在那里放点别的东西?什么是sendContactForm();-这是从哪里来的?这个答案并不能解决问题,OP强制表单提交以发送数据。问题是,如何在不刷新的情况下发送数据(答案是使用AJAX)
$('#form').submit(function () {
 sendContactForm();
 return false;
});