jQuery Ajax 相关知识七

最新推荐文章于 2025-08-14 17:31:00 发布

转载最新推荐文章于 2025-08-14 17:31:00 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/as_as/archive/2011/05/30/2063120.html

文章标签：

#javascript #ViewUI

本文详细介绍了六种Ajax事件：ajaxComplete、ajaxError、ajaxSend、ajaxStart、ajaxStop和ajaxSuccess的功能及使用方法，并提供了相应的jQuery代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>");
 });

转载于:https://www.cnblogs.com/as_as/archive/2011/05/30/2063120.html