ajaxStart() 和ajaxStop()的方法

序言

jQuery中通过ajaxStart()和ajaxStop()两个方法提供了类似的功能。当一个Ajax请求启动时，并且没有其他未完成的Ajax请求时，将调用ajaxStart()方法。同样，ajaxStop()方法则是在所有Ajax请求都完成时调用。这些方法的参数都是一个函数，这个函数将在事件发生时被调用。

实际运用场景

一般会用它们来做页面等待进度图片的显示，即所有用ajax加载又不能很快加载完成的（有时页面很慢半天没显示），那么将自动调用ajaxStart显示一个等待的图片出来（我一般会用Wbox做弹出一个透明的层），等页面所有内容ajax加载完成，再关闭该层；

一、ajaxStart()

1.定义和用法

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

详细说明

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

实例 
当 AJAX 请求开始时，显示“加载中”的指示：

$("div").ajaxStart(function(){
  $(this).html("<img src='demo_wait.gif' />");
});
 
1
2
3
 
1
2
3

二、ajaxStop()

1.定义和用法

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

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

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

$("div").ajaxStop(function(){
  alert("所有 AJAX 请求已完成");
});