欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-09-02 08:34:21
注:使用ajax 提交表单时 type类型最好不用submit 用button合适

注:使用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提交表单页面刷新很快的解决方法,希望对大家有所帮助