显示使用 AJAX 获取数据时的加载百分比

show percentage loading while fetching data with ajax

本文关键字：加载 百分比 数据 获取 AJAX 显示      更新时间：2023-09-26

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

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

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

其中显示Gif进度栏将显示任何gif图像（加载gif示例）

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

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

showLoadingBar();
$.ajax({
  url:'/your/url',
  success:function(response){
      hideLoadingBar();
  }
})
相关文章：