2010-07-18 88 views
4

我相信大部分人都聽說過圖像的預加載。預加載html網頁或非Flash網頁應用程序?

但是有誰知道我們如何預先加載網頁?

例如,當我們登錄到GMAIL時,我們會看到一個加載進度條。

按照gmail的做法,我們如何預加載html網頁/ web應用程序(基於非flash) ?

問候

回答

1

由於HTTP協議的無狀態特性,預加載,網頁可能是具有挑戰性的。實現這一目標的一種方法是先將最小的HTML發送到客戶端,然後使用AJAX逐步增強網站的某些部分。在執行這些AJAX請求的時候,你可能會在網頁上有一些微調,表示該網站正在加載,但如果你想有真正的進度條(比如GMail使用的一個),事情變得更加具有挑戰性。

+0

嗯,那是真的。但是我想知道你是否可以給我一個關於如何做AJAX預加載的想法?如預加載網頁或網頁的一部分? – DjangoRocks 2010-07-18 15:54:06

+0

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

1

谷歌在Gmail上使用AJAX請求,你可以用jQuery做同樣的事情。如果您想在頁面之間替換整個代碼。

function preload(url2load,anyDataIfAny) { 
    $.ajax({ 
     type: 'POST', 
     url: url2load, 
     data: anyDataIfAny, 
     success: function(data) { 
     $(html).html(data); 
     } 
    }); 
} 

這將向用戶顯示加載屏幕,直到加載頁面,然後用請求代碼替換加載屏幕。

0

取決於你想達到什麼..?

但通常,您可以將(下一個?)頁面加載到隱藏的iframe中。
- 揭開它時,變得審慎..