45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:如何处理Ajax提交表单页面刷新很快的问题?

如何处理Ajax提交表单页面刷新很快的问题?

2017-01-11 17:43:26 来源:www.45fan.com 【

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


本文地址:http://www.45fan.com/bcdm/86490.html
Tags: ajax 提交 表单
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部