一:ajaxStart():ajax请求开始时触发
写法:$(selector).ajaxStart(function(){ajax请求开始时触发的代码});
ajaxStop:ajax请求结束时触发
写法:$(selector).ajaxStop(function(){ajax请求结束时触发的代码});
二:ajaxSend:ajax请求发送前执行函数
ajaxSend()函数用于设置当AJAX请求即将被发送时执行的回调函数。(它比ajaxStart()稍微慢一点。一般而言,连续执行多个AJAX请求,只有其中的第一个AJAX请求会触发ajaxStart事件。等到所有AJAX请求执行完毕后,再次连续执行多个AJAX请求,还是只有其中的第一个AJAX请求会触发ajaxStart事件。 )
三:ajaxSuccess:ajax请求成功时执行函数
例如:
$("#msg").ajaxComplete(function(event,request, settings){
$(this).append("<li>请求完成.</li>");
});
当 AJAX 请求正在进行时显示“正在加载”的指示:
jQuery 代码:
$("#txt").ajaxStart(function(){
$("#wait").css("display","block");
});
$("#txt").ajaxComplete(function(){
$("#wait").css("display","none");
});
四:ajaxComplete:ajax请求完成时(无论成功或失败)时执行函数
例如:
$("#msg").ajaxComplete(function(event,request, settings){
$(this).append("<li>请求完成.</li>");
});
当 AJAX 请求正在进行时显示“正在加载”的指示:
jQuery 代码:
$("#txt").ajaxStart(function(){
$("#wait").css("display","block");
});
$("#txt").ajaxComplete(function(){
$("#wait").css("display","none");
});
五:ajaxError:ajax请求发生错误后执行函数
例如:
AJAX 请求失败时显示信息。
jQuery 代码:
$("#msg").ajaxError(function(event,request, settings){
$(this).append("<li>出错页面:" + settings.url + "</li>");
});