页面加载之前的jQuery Ajax加载程序


jQuery Ajax loader before page loads

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

在加载html之前和页面转换期间,是否可以使其显示为加载程序(gif)?

如果是,

这有可能通过jQuery、AJAX和PHP实现吗?

我的意思是,我知道如何在页面加载上实现加载器,比如:

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

但在这种方式下,我看到了之前的一个白色屏幕,然后加载程序和下一个完整的页面。我的问题是关于在页面更改和加载之前显示加载程序,比如:

  1. 点击链接
  2. Bam:显示Loader
  3. Bam:页面在后台更改和加载
  4. 装载机消失

不同的是这个问题是指AJAX调用。我说的是html或php,不管是什么页面。

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

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