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
}
});
}
}
这样你重复点击提交按钮就不会出现重复提交的问题了
转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/22581.html
微信打赏
支付宝打赏
感谢您对作者Jonny的打赏,我们会更加努力! 如果您想成为作者,请点我