爲許多ajax調用顯示ajax spinners。

Question

目前我展示紡紗，用ajax設置方法調用：

(function() { 
    $.ajaxSetup({ 
     beforeSend: showLoader, 
     complete: hideLoader, 
     error: hideLoader 
    }); 
})(); 

這是工作正常，但現在的問題是發生的時候，許多AJAX調用發生，complete被關閉裝載機！

有沒有簡單的方法來處理這個問題？

Answer 1

我可以建議的唯一的事情就是保留一個計數器，告訴你有多少個ajax調用正在進行，當一個調用進行增量，當一個調用完成後，然後在hideLoader函數中檢查計數器，if它高於0不會隱藏它。

Answer 2

你可以看看jQuery的.ajaxStart和.ajaxStop方法。

$(document).ajaxStart(function() { 
    // show your loader 
}); 

$(document).ajaxStop(function() { 
    // hide your loader 
}); 

Answer 3

There DOM在jQuery中綁定ajax開始和ajax結束事件的事件。使用

.ajaxStart(); 
.ajaxStop(); 

在DOM中顯示您的加載器。

Answer 4

你可以使用jQuery.ajaxStop()，當所有的Ajax調用已經執行被稱爲，

$(document).ajaxStop(function() { 
    //call hideLoader here 
});