.ajaxStart()

Categories: Ajax > Global Ajax Event Handlers

.ajaxStart( handler() ) 返回: jQuery

描述: 在AJAX 請求剛開始時執(zhí)行一個處理函數(shù)。這是一個 Ajax 事件.

version added: 1.0.ajaxStart( handler() )

handler()The function to be invoked.

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

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

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

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

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

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

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

當我們點擊這個按鈕并且Ajax請求發(fā)送，這個信息就會顯示。

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

$("#loading").ajaxStart(function(){
   $(this).show();
 });