页面加载之前的jQuery Ajax加载器[重复]

Question

我不知道这是否可以实现，但我正在考虑，因为我在许多网站上都发现了这种页面转换。我的问题是 2 及以下

是否可以在加载 html 之前和页面转换期间显示加载器 (gif)？

如果是的话，

可以通过 jQuery、AJAX 和 PHP 实现吗？

我的意思是，我知道如何在页面加载时实现加载器，例如：

<div class="loader"><!-- whatever animated gif--></div>
<script>
   $(window).load(function() {
      $(".loader").fadeOut("slow");
   })
</script>

但在这种方式下，我会先看到一个白屏，然后是加载程序，然后是整个页面。我的问题是关于在页面更改和加载之前显示加载器，例如：

1. 点击链接；
2. Bam：显示装载程序；
3. Bam：页面更改并在后台加载。
4. 加载器消失了。

与 this question 不同，它指的是 AJAX 调用。我说的是html或php任何页面。

Answer 1

您可以尝试在 ajax 指示器之后使用flush php function

<!DOCTYPE html>
<html>
<body>
<div class="loader"><!-- whatever animated gif--></div>
<?php flush(); ?>
rest of the html
</body>
</html>