显示加载器等待文件加载

Question

我正在使用ajax请求来获取文件。 加载程序根据ajax请求可以正常工作，但是文件大小太大。我想显示一个预加载器，直到文件加载完成。

Answer 1

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

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

Answer 2

您应该有一个带有加载图像的元素（或任何要显示等待状态的元素），并将样式设置为显示：当用户单击按钮触发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 
});