顯示使用ajax獲取數據時的百分比加載

Question

我想知道是否有可能，或者是否有任何可以與Ajax一起使用的插件，而在後臺獲取數據時，會顯示百分比，並且它完成了100次數據完成加載後的百分比。 這是可能使用jQuery，也有任何插件嗎？

Answer 1

你有一個或幾個請求嗎？如果你只有一個請求，我不認爲這個JavaScript可以解決這個問題，因爲只有當請求完成並收到響應時纔會通知你的代碼。所以如果你想顯示百分比你應該執行幾個請求。在這種情況下，你知道你收到了多少塊，剩下多少塊。 不過，如果你可以只顯示進度條沒有百分比，你可以做這樣的事情：

function load(){ 
    showGifProgressBar(); 
    $.post(url, function(data){ 
     hideGifProgressBar();  
    });  
} 

其中showGifProgressBar將顯示任何GIF圖像（Loading gif examples）

Answer 2

不可能在JavaScript在所有獲得ajax的進度調用，在AJAX中沒有本地功能。沒有任何插件可以這樣做。

當你從服務器獲得響應或調用成功函數時，您可以在啓動ajax調用時顯示loading image並隱藏圖像。示例代碼如下：

showLoadingBar(); 
$.ajax({ 
    url:'/your/url', 
    success:function(response){ 
     hideLoadingBar(); 
    } 
})