javascript - 使用 ajax 获取数据时显示百分比加载

Question

我想知道是否有可能，或者是否有任何插件可以与 Ajax 一起使用，因为在后台获取数据时，它会显示百分比，并且在数据完成加载后完成 100%。是否可以使用 jquery 并且是否有任何插件？

score 0 · Accepted Answer

在 JavaScript 中根本不可能获得 ajax 调用的进度，AJAX中没有本机功能。没有任何插件可以这样做。

您可以在启动 ajax 调用时显示加载图像，并在您从服务器获得响应或调用成功函数时隐藏图像。示例代码如下：

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

score 0 · Accepted Answer

你有一个或几个要求？如果您只有一个请求，我认为 javascript 无法解决此问题，因为只有在请求完成并收到响应时才会通知您的代码。所以如果你想显示百分比，你应该执行几个请求。在这种情况下，您知道您收到了多少块以及剩余多少块。但是，如果您只能显示没有百分比的进度条，您可以执行以下操作：

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

其中 showGifProgressBar 将显示任何 gif 图像（加载 gif 示例）

2 回答 2