本篇文章主要分享下在使用jquery ajax时防止重复提交的办法。
其实方法很简单,就是在用户点击了提交按钮之后将按钮设置为不可点击即可,具体代码如下:
$('#submit'.click(function({
var objButton=$(this;
var content=$('#content'.val(;
$.ajax({
url:web_url+'jquery.php',
type:'post',
cache:false,
data: 'action=submit&content='+content,
beforeSend:function({//触发ajax请求开始时执行
objButton.val('提交中'.attr('disabled',true;//改变提交按钮上的文字并将按钮设置为不可点击
},
success:function(txt{//ajax请求成功后执行
//这里做相关逻辑判断了,具体根据自己的情况看了
},
error:function({//ajax发生错误时执行
alert('数据请求出错!';
},
complete:function({//ajax请求完成时执行
objButton.val('提交'.attr('disabled',false;//改变提交按钮上的文字并将按钮设置为可以点击
}
};
};
关于jquery ajax的用法,可参照本站文章:
Jquery中$.post和$.ajax的用法分析