显示使用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();
  }
})