每当一个Ajax请求结束时，jQuery触发ajaxComplete事件。任何已经用.ajaxComplete()方法注册到该事件的处理函数都会在这个时候执行。

要想在实践中观察该方法，只要设置一个基本的Ajax载入请求：

<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log"></div>

向document附加该事件处理函数。

$( document ).ajaxComplete(function() {
  $( ".log" ).text( "Triggered ajaxComplete handler." );
});

现在，使用任何jQuery方法制作一个Ajax请求：

$( ".trigger" ).click(function() {
  $( ".result" ).load( "ajax/test.html" );
});

用户点击带有trigger样式类的元素之后，当Ajax请求结束了，将显示日志消息。

所有的ajaxComplete处理函数都会被调用执行，无论是哪个Ajax请求结束了。如果必须对请求作区分，请使用传递给处理函数的参数。每次执行一个ajaxComplete处理函数的时候，会向它传递该事件对象、XMLHttpRequest对象、以及创建请求时所用到的setting对象。举个例子，你可以限制回调函数只处理与特定URL有关的事件：

$( document ).ajaxComplete(function( event, xhr, settings ) {
  if ( settings.url === "ajax/test.html" ) {
    $( ".log" ).text( "Triggered ajaxComplete handler. The result is " +
      xhr.responseText );
  }
});

注意：你可以通过查看xhr.responseText来获得所返回的Ajax内容。

• 自从jQuery 1.9版，所有的用于jQuery全局Ajax事件的处理函数，包括用.ajaxComplete()方法添加的处理函数，必须附加到document上。
• 如果在调用$.ajax()方法或者$.ajaxSetup()方法时，global选项被设置为false，将不会引发.ajaxComplete()方法。

在一个Ajax请求结束时显示一条消息。

$( document ).ajaxComplete(function( event,request, settings ) {
  $( "#msg" ).append( "<li>Request Complete.</li>" );
});