function preload(url2load,anyDataIfAny) { $.ajax({ type: 'POST', url: url2load, data: anyDataIfAny, success: function(data) { $(html).html(data); } }); }
4
0
ほとんどの人が画像のプリロードについて聞いたことがあると思います。
しかし、ウェブページをプリロードする方法を知っている人はいますか?
たとえば、GMAILにログインすると、読み込みの進行状況バーが表示されます。
Gmailが実行していることにより、どのようにHTML Webページ/ Webアプリケーション(非Flashベース)をプリロードしますか?
宜しくお願いします
4 回答
1
HTTPプロトコルはステートレスであるため、pre-loading Webページは困難な場合があります。 これを実現する1つの方法は、最小限のHTMLを最初にクライアントに送信し、次にhttp://en.wikipedia.org/wiki/Ajax_(programming)[AJAX]を使用してサイトの一部を徐々に強化することです。 これらのAJAXリクエストが実行されている間、ページがロードされていることを示すスピナーをページに表示できますが、実際の進行状況バー(GMailが使用するものなど)が必要な場合はさらに困難になります。
1
GoogleはGMailでAJAXリクエストを使用しますが、jQueryでも同じことができます。 ページ間でコード全体を置き換える場合。
function preload(url2load,anyDataIfAny) { $.ajax({ type: 'POST', url: url2load, data: anyDataIfAny, success: function(data) { $(html).html(data); } }); }
これにより、ページがロードされるまでロード画面がユーザーに表示され、ロード画面が要求コードに置き換えられます。
0