页面加载之前的jQuery Ajax加载器

我不知道这是否可以实现，但是我正在寻找，因为我在许多网站上发现了这种页面转换。我的问题是2和以下页面加载之前的jQuery Ajax加载器

这是可能使出现一个加载器（GIF）之前加载HTML和页面过渡？

，如果是，

这有可能通过的jQuery，AJAX和PHP这样做呢？

我的意思是，我知道如何实现像页面加载装载机：

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

但在这样，我之前看到一个白色的屏幕，然后装载机旁边的全页。我的问题是关于在页面更改和加载之前显示加载器，如：

点击链接;
Bam：显示装载机;
Bam：页面在后台更改并加载。
加载程序消失。

与this question不同，它指的是AJAX调用。我在谈论HTML或PHP的任何页面。

来源

2016-05-17 XiLab

你可以尝试显示负荷指标为HTML只是通话后' http://php.net/manual/pl/function.flush.php – jcubic

@jcubic感谢您的回复！你能提供一个答案让我更好地理解吗？ – XiLab

您可以尝试只是你的AJAX指标后使用flush php function

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

来源

2016-05-17 15:54:18 jcubic

谢谢！但是，我仍然看到点击和看到装载机之间的一种延迟。我可能会去点击触发点击并排除所有没有像href =“＃”的href值。不管怎么说，还是要谢谢你！ – XiLab

如果链接位于您的网站上，那么您可以使用ajax来加载页面。 – jcubic

是的，但我应该重新考虑我的所有架构。我试过我告诉过你的样子，看起来不错。祝你有美好的一天 – XiLab

页面加载之前的jQuery Ajax加载器

回答

相关问题