jQuery的ajaxStart方法和ajaxStop方法

jQuery的ajaxStart方法和ajaxStop方法

1.ajaxStart() 方法

定义和用法

ajaxStart() 方法在 AJAX 请求发送前执行函数。它是一个 Ajax 事件。

详细说明

无论在何时发送 Ajax 请求，jQuery 都会检查是否存在其他 Ajax 请求。如果不存在，则 jQuery 会触发该 ajaxStart 事件。在此时，由 .ajaxStart() 方法注册的任何函数都会被执行。

语法

.ajaxStart(function())

参数    描述

function()    规定当 AJAX 请求开始时运行的函数。

示例

AJAX 请求开始时显示信息：

$("#loading").ajaxStart(function(){

  $(this).show();

});

2.ajaxStop() 方法

实例

当所有 AJAX 请求完成时，触发一个提示框：

$("div").ajaxStop(function(){

  alert("所有 AJAX 请求已完成");

});

定义和用法

ajaxStop() 方法在 AJAX 请求结束时执行函数。它是一个 Ajax 事件。

详细说明

无论 Ajax 请求在何时完成 ，jQuery 都会检查是否存在其他 Ajax 请求。如果不存在，则 jQuery 会触发该 ajaxStop 事件。在此时，由 .ajaxStop() 方法注册的任何函数都会被执行。

语法

.ajaxStop(function())

参数    描述

function()    规定当 AJAX 请求完成时运行的函数。

示例

AJAX 请求结束后隐藏信息：

$("#loading").ajaxStop(function(){

  $(this).hide();

});

注：1.8后只能绑定在document元素上