2016-05-17 134 views
0

我不知道這是否可以實現,但是我正在尋找,因爲我在許多網站上發現了這種頁面轉換。我的問題是2和以下頁面加載之前的jQuery Ajax加載器

這是可能使出現一個加載器(GIF)之前加載HTML和頁面過渡?

,如果是,

這有可能通過的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的任何頁面。

+0

你可以嘗試顯示負荷指標爲HTML只是通話後' http://php.net/manual/pl/function.flush.php – jcubic

+0

@jcubic感謝您的回覆!你能提供一個答案讓我更好地理解嗎? – XiLab

回答

0

您可以嘗試只是你的AJAX指標後使用flush php function

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

謝謝!但是,我仍然看到點擊和看到裝載機之間的一種延遲。我可能會去點擊觸發點擊並排除所有沒有像href =「#」的href值。不管怎麼說,還是要謝謝你! – XiLab

+0

如果鏈接位於您的網站上,那麼您可以使用ajax來加載頁面。 – jcubic

+0

是的,但我應該重新考慮我的所有架構。我試過我告訴過你的樣子,看起來不錯。祝你有美好的一天 – XiLab