2011-04-23 55 views
8

在這裏,在我的應用程序需要,而我的PHP頁面是從服務器獲取數據,顯示等待動畫顯示等待動畫...我想在我的PHP頁面從服務器獲取數據

因爲它正在採取更多的時間做的操作...

任何一個可以幫助我一些簡單的方法來做到這一點...

在此先感謝

〜烏爾斯·拉維

+0

您是否在使用ajax與php腳本進行通信? – 2011-04-23 08:12:45

回答

20

如果你正在使用jQuery的阿賈克斯,那麼你可以從http://www.ajaxload.info/

做這樣的事情

$("#loading").ajaxStart(function() { 
    $(this).show(); 
}); 

$("#loading").ajaxStop(function() { 
    $(this).hide(); 
}); 

HTML

<div id="loading" style="display:none;"> 
    Loading Please Wait.... 
    <img src="ajax-loader.gif" alt="Loading" /> 
</div> 

抓住你的形象也看到複製在這裏 - How to show loading spinner in jQuery?

+4

我們可以通過默認的答案來阻止jQuery嗎? jQuery不是JavaScript,不是標準的。最好是成爲一般的海事組織,而不是強制某個圖書館。同樣,如果您提到mootools,dojo或原型,它會是同一個問題,有時候最簡單的就是最好的。 – asnyder 2011-04-23 09:09:43

+4

好吧,因爲他把他的問題標記爲jQuery,我認爲jQuery解決方案是可以接受的,但是如果你想爲它提供一個替代方案。無論如何,直到Raviraja回來並回答Arihant的問題,這只是一個例子,可能或不可能取決於Rav正在做什麼。 – 2011-04-23 09:18:58

+1

道具上的ajaxload.info提到,漂亮的小網站 – soulkphp 2011-04-23 09:22:35

9

假設你的頁面上有容器div來顯示內容。

所以在默認情況下,在顯示它加載動畫圖像,如下所示:

<div id="container" > 
    Loading Please Wait.... 
    <img src="ajax-loader.gif" alt="Searching" /> 
</div> 

由於查詢提取過程完成,您的Html內容已準備就緒:

更換divinner HTML與頁內容。

<div id="container" > 
    Replace image with Page content after fetching data... 
</div> 
相關問題