首页 > 代码库 > 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禁止重复提交的解决办法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。