时间:2021-05-28
注:使用ajax 提交表单时 type类型最好不用submit 用button合适
<form> <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3"> <input type="button" class="btn btn-info" value="重置" onclick="return resetaa()"> <input type="button" class="btn btn-success" value="提交" onclick="return formCheck()"></form> <script type="text/JavaScript"> function formCheck(){ $.ajax({ type: "post", url:'/fudaMes/orderInfo/insertOrderInfo', data:$('#formId').serialize(),// 你的formid async: true, error: function(request) { new PNotify({ title: '提交失败', text: '信息录入失败', type: 'error', styling: 'bootstrap3' }); }, success: function(data) { if(data=="success"){ new PNotify({ title: '提交成功', text: '订单信息已录入', type: 'success', styling: 'bootstrap3' }); }else{ new PNotify({ title: '提交失败', text: '信息录入失败', type: 'error', styling: 'bootstrap3' }); } } }); }</script>以上所述是小编给大家介绍的Ajax提交表单页面刷新很快的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
所谓的异步刷新,就是不刷新整个网页进行更新数据。只有通过js才能实现Ajax,进而实行异步刷新表单提交数据和Ajax提交数据的区别:表单提交是提交的整个页面中的
本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考,具体如下:首先,新建Login.html页面:$.ajax()方法发
本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考,具体如下:首先,新建Login.html页面:$.ajax()方法发
通过传统的form表单提交的方式上传文件上传文件:不过传统的form表单提交会导致页面刷新,但是在有些情况下,我们不希望页面被刷新,这种时候我们都是使用Ajax
通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间跟着老大了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。第一种:(html页面)复制代码代