首页 > 代码库 > ajax禁止重复提交的解决办法

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 }); 

 

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