.ajaxStop()

Categories: Ajax > Global Ajax Event Handlers

.ajaxStop( handler() ) 返回: jQuery

描述: 在Ajax請求停止后隱藏加載信息。

version added: 1.0.ajaxStop( handler() )

handler()The function to be invoked.

每當(dāng)一個Ajax請求完成，jQuery檢查是否有任何其他響應(yīng)過程中的Ajax請求。如果都執(zhí)行完成，jQuery就會觸發(fā)ajaxStop事件，在這個時間點(diǎn)所有處理函數(shù)都會使用.ajaxStop()方法注冊并執(zhí)行。

我們可以建立一個基本的Ajax請求,觀察該方法的執(zhí)行過程:

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

我們可以在一些節(jié)點(diǎn)上添加的事件處理函數(shù)：

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

現(xiàn)在我們可以構(gòu)建一個Ajax請求使用任何的jQuery方法：

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

當(dāng)我們點(diǎn)擊這個按鈕并且Ajax請求完成，這個信息就會顯示。

注意: 因為.ajaxStop() 是作為一個jQuery對象實例方法去執(zhí)行的，我們可以用this關(guān)鍵字作為回調(diào)函數(shù)中指定的元素。

$("#loading").ajaxStop(function(){
      $(this).hide();
      });