form表单只提交数据⽽不进⾏页⾯跳转的解决⽅案
⼀般的form提交操作写法为
复制代码代码如下:
<form action="saveReport.htm" method="post">
……
<input type="submit" value="保存报告"/>
</form>
点击submit按钮或直接回车可以将数据提交到saveReport页⾯，但是提交后也会跳转到saveReport页⾯
如何做到
将数据提交到saveReport（form的action指向）页⾯，但是页⾯⼜不进⾏跳转，即保持当前页⾯不变呢？？
这种需要在load⼀个页⾯的时候尤其迫切。
利⽤jquery的ajaxSubmit函数以及form的onsubmit函数完成，如下：
复制代码代码如下:
<form id="saveReportForm" action="saveReport.htm" method="post" onsubmit="return saveReport();">
<input type="submit" value="保存报告"/>
</form>
jquery怎么进行验证form增加⼀个id⽤于在jquery中调⽤，增加⼀个onsubmit函数⽤于submit前⾃⼰提交表单
saveReport对应函数为
复制代码代码如下:
function saveReport() {
// jquery 表单提交
$("#showDataForm").ajaxSubmit(function(message) {
// 对于表单提交成功后处理，message为提交页⾯saveReport.htm的返回内容
});
return false; // 必须返回false，否则表单会⾃⼰再做⼀次提交操作，并且页⾯跳转
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。