2021年4月15日

ajax防止重复发送请求


切图的时候不免要和ajax打交道,ajax可能会遇到的问题是重复提交问题,为什么产生这个问题很好理解,如何解决也有方法,代码如下:

 


var postFlag = false; //定义一个变量为false

function changeInfo(url,data) {

if (postFlag) {

return false; //如果正在提交则结束

}else {

postFlag = true; //标记当前状态为正在提交

$.ajax({

type: "post",

url: url,

data: data,

success: function(result) {

if (result.errorCode == 0) { //我这里设置result.errorCode == 0为传送成功或获得想要的值

//返回正确值后的代码写在这

}else{

postFlag = false; //传送失败或不是想要的值后,将postFlag重归为false

}

},

error: function(error) {

postFlag = false; //这个的原理也是一样,发送错误后重归为false

}

});

}

}
————————————————

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732