最新消息:文章中包含代码时,请遵守代码高亮规范!

防止重复发送ajax请求的解决方法【原创】

JavaScript Jonny 184浏览 0评论

Ajax技术不必刷新整个页面,只对页面的局部进行更新,在前端各方面应用都很多。

关于防止重复发送ajax请求,一般是重复点击提交按钮导致重复提交,网上也有很多解决方法,这里写一下我自己用的一个方法。

var post_flag = false; //定义一个变量为false
function changeInfo(url,data) {
  if (post_flag) {
    return false; //如果正在提交则结束
  }else {
    post_flag = true; //标记当前状态为正在提交
    $.ajax({
      type: "post",
      url: url,
      data: data,
      success: function(result) {
        if (result.errorCode == 0) { //我这里设置result.errorCode == 0为传送成功或获得想要的值
           //返回正确值后的代码写在这
        }else{
            post_flag = false; //传送失败或不是想要的值后,将post_flag重归为false
        }
      },
      error: function(error) {
        post_flag = false; //这个的原理也是一样,发送错误后重归为false
      }
    });
   }
 }

这样你重复点击提交按钮就不会出现重复提交的问题了

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22581.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Jonny的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!