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

本篇文章主要分享下在使用jquery ajax时防止重复提交的办法,其实方法很简单，就是在用户点击了提交按钮之后将按钮设置为不可点击即可，具体代码如下：

 1 $(\'#submit\').click(function(){ 
 2 　　var objButton=$(this); 
 3 　　var content=$(\'#content\').val(); 
 4 　　$.ajax({ 
 5 　　url:web_url+\'jquery.php\', 
 6 　　type:\'post\', 
 7 　　cache:false, 
 8 　　data: \'action=submit&content=\'+content, 
 9 　　beforeSend:function(){//触发ajax请求开始时执行 
10 　　objButton.val(\'提交中\').attr(\'disabled\',true);//改变提交按钮上的文字并将按钮设置为不可点击 
11 　　}, 
12 　　success:function(txt){//ajax请求成功后执行 
13 　　//这里做相关逻辑判断了，具体根据自己的情况看了 
14 　　}, 
15 　　error:function(){//ajax发生错误时执行 
16 　　alert(\'数据请求出错！\'); 
17 　　}, 
18 　　complete:function(){//ajax请求完成时执行 
19 　　objButton.val(\'提交\').attr(\'disabled\',false);//改变提交按钮上的文字并将按钮设置为可以点击 
20 　　} 
21 　　}); 
22 });