ほとんどの人は画像のプリロードについて聞いたことがあると思います。
しかし、Webページをプリロードする方法を知っている人はいますか?
たとえば、GMAILにログインすると、読み込みの進行状況バーが表示されます。
Gmailが行っていることに従って、HTMLWebページ/Webアプリケーション(非フラッシュベース)をどのようにプリロードしますか?
よろしくお願いします
ほとんどの人は画像のプリロードについて聞いたことがあると思います。
しかし、Webページをプリロードする方法を知っている人はいますか?
たとえば、GMAILにログインすると、読み込みの進行状況バーが表示されます。
Gmailが行っていることに従って、HTMLWebページ/Webアプリケーション(非フラッシュベース)をどのようにプリロードしますか?
よろしくお願いします
Google は GMail で AJAX リクエストを使用していますが、jQuery でも同じことができます。ページ間のコード全体を置き換えたい場合。
function preload(url2load,anyDataIfAny) {
$.ajax({
type: 'POST',
url: url2load,
data: anyDataIfAny,
success: function(data) {
$(html).html(data);
}
});
}
これにより、ページが読み込まれるまで読み込み画面がユーザーに表示され、読み込み画面が要求コードに置き換えられます。
HTTP プロトコルのステートレスな性質により、Web ページのプリロードは困難な場合があります。これを実現する 1 つの方法は、最小限の HTML を最初にクライアントに送信し、次にAJAXを使用してサイトの一部を段階的に拡張することです。これらの AJAX 要求が実行されている間、サイトが読み込まれていることを示すスピナーをページに表示できますが、実際の進行状況バー (GMail が使用するものなど) を表示したい場合は、さらに困難になります。
あなたが達成したいものに大きく依存します..?
しかし、通常、(次の?) ページを非表示の iframe に読み込むことができます。
- それが慎重になると、それを明らかに..