我相信大部分人都聽說過圖像的預加載。預加載html網頁或非Flash網頁應用程序?
但是有誰知道我們如何預先加載網頁?
例如,當我們登錄到GMAIL時,我們會看到一個加載進度條。
按照gmail的做法,我們如何預加載html網頁/ web應用程序(基於非flash) ?
問候
我相信大部分人都聽說過圖像的預加載。預加載html網頁或非Flash網頁應用程序?
但是有誰知道我們如何預先加載網頁?
例如,當我們登錄到GMAIL時,我們會看到一個加載進度條。
按照gmail的做法,我們如何預加載html網頁/ web應用程序(基於非flash) ?
問候
由於HTTP協議的無狀態特性,預加載,網頁可能是具有挑戰性的。實現這一目標的一種方法是先將最小的HTML發送到客戶端,然後使用AJAX逐步增強網站的某些部分。在執行這些AJAX請求的時候,你可能會在網頁上有一些微調,表示該網站正在加載,但如果你想有真正的進度條(比如GMail使用的一個),事情變得更加具有挑戰性。
哦,是的,我已經看到了這一點。但它實際上做了什麼? – DjangoRocks 2010-07-18 14:48:52
嗯,http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/沒有爲我工作。我認爲它有一些錯誤。 – DjangoRocks 2010-07-18 15:54:27
谷歌在Gmail上使用AJAX請求,你可以用jQuery做同樣的事情。如果您想在頁面之間替換整個代碼。
function preload(url2load,anyDataIfAny) {
$.ajax({
type: 'POST',
url: url2load,
data: anyDataIfAny,
success: function(data) {
$(html).html(data);
}
});
}
這將向用戶顯示加載屏幕,直到加載頁面,然後用請求代碼替換加載屏幕。
取決於你想達到什麼..?
但通常,您可以將(下一個?)頁面加載到隱藏的iframe中。
- 揭開它時,變得審慎..
嗯,那是真的。但是我想知道你是否可以給我一個關於如何做AJAX預加載的想法?如預加載網頁或網頁的一部分? – DjangoRocks 2010-07-18 15:54:06
jQuery可以顯着簡化發送AJAX查詢的工作:http://www.google.com/#hl=zh-CN&source=hp&q=jquery+ajax&aq=f&aqi=g10&aql=&oq=&gs_rfai=&fp=e16153bbcb15c2ee – 2010-07-18 16:56:54