您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

Ajax提交表单页面刷新很快的解决方法

51自学网 2022-02-21 10:52:43
  ajax

注:使用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提交表单页面刷新很快的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对51zixue.net网站的支持!


下载地址:
Ajax post请求跳转页面
Ajax打开新窗口被浏览器拦截的两种解决办法
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。