1

ユーザーがWebページの[更新]ボタンを押すと、Webアプリケーションのパフォーマンスに問題が発生します。動作を以下に示します。

$("#reloadbutton").click(function(){
    location.reload();
});

ページに必要なすべてのCSS、JS、および画像ファイルを必要に応じて再読み込みします。唯一の問題は、リンクをクリックして別のページに移動するなど、他のすべてのページ要求に対してこれを実行することです。

F5ボタンを押すだけで、CSS、JS、および画像ファイルがすべて再読み込みされ、別のページに移動しても、その別のページに移動すると、それらのファイルは再読み込みされません。しかし、ページ自体のリロードボタンを押すと、すべてのページリクエストでそれらのファイルがすべてリロードされるので、そうする必要はありません。

だから私は2つの部分の質問があります：

  1. ブラウザにすべてのCSS、JS、および画像ファイルをフェッチさせずに更新するにはどうすればよいですか（各ページの更新にかかる時間を最小限に抑えたいため）？

  2. location.reload()ブラウザ自体のリロードボタンを使用するのとは対照的に、使用すると異なる動作が発生するのはなぜですか？

注：現在、Firefoxの最新バージョンを使用しています

4

2 に答える 2

0

使用

$("#reloadbutton").live("click",function(){
    location.reload();
});

数秒ごとにajax呼び出しを行うことでこれを行うことができます

于 2012-09-10T18:16:49.253 に答える
0 
$("#reloadbutton").click(function(){
  location.reload(false);
});

Mozilla開発者ネットワークによるとlocation.reload();、パラメータを取ることができます。trueの場合location.reload(true);、ページは常にサーバーから再ロードされます。false、、location.reload(false);または指定されていない場合、ブラウザはキャッシュからページをリロードする可能性があります。

于 2015-07-14T08:44:56.077 に答える