本篇文章主要分享下在使用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的用法,可参照本站文章: