页面加载前的jQuery Ajax加载器

时间:2016-05-17 15:39:16

标签: javascript php jquery html ajax

我不知道这是否可以实现,但我很喜欢因为我在许多网站上发现了这种页面转换。我的问题是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. 装载机消失。
  5. 不同于this question,指的是AJAX调用。我在谈论html或php的任何页面。

1 个答案:

答案 0 :(得分:0)

您可以尝试在ajax指标

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