Question

jqueryajax如何避免重复提交？

Answer 1

其实方法很简单，就是在用户点击了提交按钮之后将按钮设置为不可点击即可，具体代码如下：

$('#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);//改变提交按钮上的文字并将按钮设置为可以点击
}
});
});

Answer 2

在使用AJAX(jQuery)异步请求数据时，为了避免因某些原因用户同时多次点击按钮，提交重复的请求，需要禁用请求提交按钮。
重点：jQuery的attr和removeAttr两个函数，主要是元素button的disabled属性。