总结分享!
<input id='mybtn' type="button" value='点我' />
<input id='mysubmit' type="button" value='提交' />
<div id='msg' >123</div>
$(function() {
$('#mybtn').on('click',function(){
$.ajax({url:'你的url地址'
// ,global:false // 全局事件开关,true=参与全局事件,false=不参与全局事件
,type:"post"
,dataType:"json"
,data:{"type":"3"}
,async:false
,success:function(data){
//每次ajax执行完成如果成功就回调此函数,此函数与error函数不可以同时触发
// console.log('success:');
// console.log(data);
}
,complete:function(XMLHttpRequest,textStatus){
//每次ajax执行完成都会触发此回调函数,不管成功与否。
console.log('complete');
//延迟三秒后,放开提交按钮
setTimeout(function(){
$('#mysubmit').removeAttr("disabled");
},3000);
}
,error:function(data){
//每次ajax执行完成如果失败就回调此函数,此函数与succcess函数不可以同时触发
// console.log('错误:');
}
,beforeSend:function(){
//每次ajax执行前触发此函数,可防止重复提交数据
console.log('before');
//提交按钮禁用
$('#mysubmit').attr({disabled:"disabled"});
}
});
});
});
$(document).ajaxComplete(function(event,request,settings){
//全局ajax处理完成走此方法
});
$(document).ajaxSuccess(function(event,request,settings){
//全局ajax处理成功走此方法
// console.log('success:'+settings.url);
// alert('success');
});
$(document).ajaxError(function(event, jqxhr, settings, exception){
//全局ajax处理失败走此方法
// console.log('error:'+settings.url);
// alert('error');
});
$(document).ajaxStart(function() {
// console.log('start:');
// alert('start:');
});
$(document).ajaxSend(function(event,request,settings){
// console.log('send:'+settings.url);
// alert('send');
});
$(document).ajaxStop(function() {
// console.log('stop:');
// alert('stop:');
});