jQuery Ajax 相关知识七

Ajax 事件

1、ajaxComplete(callback)

概述

AJAX 请求完成时执行函数。Ajax 事件。

XMLHttpRequest 对象和设置作为参数传递给回调函数。

参数

callbackFunction

待执行函数

示例

描述:

AJAX 请求完成时执行函数。

jQuery 代码:

 $("#msg").ajaxComplete(function(event,request, settings){
   $(this).append("<li>请求完成.</li>");
 });

2、ajaxError(callback)

概述

AJAX 请求发生错误时执行函数。Ajax 事件。

XMLHttpRequest 对象和设置作为参数传递给回调函数。捕捉到的错误可作为最后一个参数传递。

参数

callbackFunction

待执行函数

function (event, XMLHttpRequest, ajaxOptions, thrownError) {
      // thrownError 只有当异常发生时才会被传递
      this; // 监听的 dom 元素
}

示例

描述:

AJAX 请求失败时显示信息。

jQuery 代码:

$("#msg").ajaxError(function(event,request, settings){
     $(this).append("<li>出错页面:" + settings.url + "</li>");
});

3、ajaxSend(callback)

 

概述

AJAX 请求发送前执行函数。Ajax 事件。

XMLHttpRequest 对象和设置作为参数传递给回调函数。

参数

callbackFunction

待执行函数

示例

描述:

AJAX 请求发送前显示信息。

jQuery 代码:

 $("#msg").ajaxSend(function(evt, request, settings){
   $(this).append("<li>开始请求: " + settings.url + "</li>");
 });

4、ajaxStart(callback)

概述

AJAX 请求开始时执行函数。Ajax 事件。

参数

callbackFunction

待执行函数

示例

描述:

AJAX 请求开始时显示信息。

jQuery 代码:

 $("#loading").ajaxStart(function(){
   $(this).show();
 });

5、ajaxStop(callback)

概述

AJAX 请求结束时执行函数。Ajax 事件。

参数

callbackFunction

待执行函数

示例

描述:

AJAX 请求结束后隐藏信息。

jQuery 代码:

 $("#loading").ajaxStop(function(){
   $(this).hide();
 });

6、ajaxSuccess(callback)

概述

AJAX 请求成功时执行函数。Ajax 事件。

XMLHttpRequest 对象和设置作为参数传递给回调函数。

参数

callbackFunction

待执行函数

示例

描述:

当 AJAX 请求成功后显示消息。

jQuery 代码:

 $("#msg").ajaxSuccess(function(evt, request, settings){
   $(this).append("<li>请求成功!</li>");
 });