ajax禁止重复提交的解决办法

本篇文章主要分享下在使用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);//改变提交按钮上的文字并将按钮设置为可以点击 
　　} 
　　}); 
});