//在按钮提交之后和AJAX提交之前将按钮设置为禁用
$(".submit").click(function(){
$.ajax({
url:location.href,
type:"POST",
data:$("#form").serialize(),
beforeSend:function()
{
mess(0);
},
success:function(ret){
//在提交成功之后重新启用该按钮
mess(1);
},
error: function ()
{
//即使AJAX失败也需要将按钮设置为可用状态,因为有可能是网络问题导致的失败,所以需要将按钮设置为可用
mess(1);
}
})
})
function mess(status){
if(status==0){
$('.mess').text('请求中...');
$('.submit').attr('disabled',true);
}else{
$('.mess').text('');
// 如果按钮可重复提交,但防止短时间多次双击,可用定时器
setTimeout(function(){
$('.submit').attr('disabled',false);
},500)
}
}