显示加载器等待文件加载答案

【问题标题】：Show loader wait for file load显示加载器等待文件加载
【发布时间】：2019-01-08 23:10:31
【问题描述】：

我正在使用 ajax 请求来获取文件。加载程序根据 ajax 请求工作正常，但文件大小太大。我喜欢在文件加载完成之前显示一个预加载器。

【问题讨论】：

是使用显示 div 的最简单方法，即 loader.gif。当你启动 ajax 时你会显示这个 div，当成功或错误时隐藏它。
我会使用promise，然后在承诺待处理时显示加载器，当承诺解决时隐藏加载器并显示文件。

【解决方案1】：

您可以在进程开始时显示一些正在加载的 GIF。完成后隐藏 GIF。

$('#loader_image').show();
$.ajax({
      ...
      complete: function(){
        $('#loader_image').hide();
      }
});

【讨论】：

【解决方案2】：

你应该有一个带有加载图像（或任何显示等待）的元素，并将样式设置为 display:none 当用户单击按钮触发 ajax 调用时，你首先将此元素设置为显示

$.ajax({
 url: "test.html",
context: document.body
}).done(function() {
$( this ).hide( ".loader" ); // this line run when ajax call completely then loader element should be hide 
});

【讨论】：