Erlo

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

2018-05-23 10:30:20 发布   1123 浏览  
页面报错/反馈
收藏 点赞
原文:http://www.php.cn/js-tutorial-397730.html

这篇文章主要介绍了Ajax提交表单页面刷新很快的解决方法,需要的朋友可以参考下

注:使用ajax 提交表单时 type类型最好不用submit 用button合适

<form>
   <p 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打开新窗口被浏览器拦截的两种解决办法

解决微信返回上一页,页面中的AJAX的请求,对Get请求无效的问题

ajax实现异步文件或图片上传功能

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认