.ajaxStop()

.ajaxStop( handler() ) 返回: jQuery

描述: 在Ajax请求停止后隐藏加载信息。

  • version added: 1.0.ajaxStop( handler() )

    handler()The function to be invoked.

每当一个Ajax请求完成,jQuery检查是否有任何其他响应过程中的Ajax请求。如果都执行完成,jQuery就会触发ajaxStop事件,在这个时间点所有处理函数都会使用.ajaxStop()方法注册并执行。

我们可以建立一个基本的Ajax请求,观察该方法的执行过程:

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

我们可以在一些节点上添加的事件处理函数:

$('.log').ajaxStop(function() {
  $(this).text('Triggered ajaxStop handler.');
});

现在我们可以构建一个Ajax请求使用任何的jQuery方法:

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

当我们点击这个按钮并且Ajax请求完成,这个信息就会显示。

注意: 因为.ajaxStop() 是作为一个jQuery对象实例方法去执行的,我们可以用this关键字作为回调函数中指定的元素。

举例:

在Ajax请求停止后隐藏加载信息:

$("#loading").ajaxStop(function(){
      $(this).hide();
      });
设计酷,jquery1.6 api中文手册