JavaScriptでキャッシュをクリアする方法

藏色散人
リリース: 2023-01-03 09:31:45
オリジナル
9439 人が閲覧しました

JavaScript でキャッシュをクリアする方法: 1. メタ メソッドを通じて Web サイトのキャッシュをクリアします; 2. Ajax を使用してサーバーから最新のファイルをリクエストし、リクエスト ヘッダー「If-Modified-Since」を追加します。および「Cache-Control」; 3. 、「cache:false」などを直接使用します。

JavaScriptでキャッシュをクリアする方法

この記事の動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

JS キャッシュをクリアするいくつかの方法

1. CSS と JS にパラメーター (.css?t= および .js?t= の形式) があるのはなぜですかおよびそれらを取得する方法 コード

#css と js をパラメーターとともにコード化 (.css?t= および .js?t= の形式)

#2 つの可能性がありますパラメーターを使用する場合:

まず、スクリプトは存在しませんが、サーバーによって動的に生成されるため、違いを示すためにバージョン番号が含まれています。つまり、上記のコードはファイルと同等ですが、ブラウザはそれがファイルの特定のバージョンであると認識します。

2 番目に、クライアントはこれらの css または js ファイルをキャッシュするため、js または css ファイルをアップグレードしてバージョン番号を変更するたびに、クライアントのブラウザは新しい js または css ファイルを再ダウンロードして更新します。 . 性的キャッシュの役割。

2 番目の状況が最も一般的ですが、両方が同時に存在する可能性があります。

バージョン番号は、大きいバージョンまたは小さいバージョンの形式で乱数または増分値にすることも、スクリプトの生成時間に従って書き込むこともできます。たとえば、次のように正確です。 2つ目はスクリプト生成時、2.3.3は大きいバージョンと小さいバージョンの方法です。

2. ブラウザ キャッシュについて

ブラウザ キャッシュは、Web サイトのパフォーマンスとブラウザの速度を向上させ、Web サイトのパフォーマンスを向上させることができるため、必要になることがあります。ただし、キャッシュによって問題が発生したり、誤ったデータが表示されたりする可能性があるため、キャッシュをクリアする必要がある場合があります。たとえば、株式 Web サイトはリアルタイムで更新されるため、キャッシュする必要はありませんが、ほとんど更新されない Web サイトもあるため、キャッシュがあったほうがよいでしょう。今日は主にキャッシュをクリアするいくつかの方法を紹介します。

Web サイトのキャッシュをクリアするいくつかの方法

meta メソッド

 
 
ログイン後にコピー

フォームの一時キャッシュをクリアする [推奨学習: js Basicチュートリアル ]

方法 1: ajax を使用してサーバーから最新のファイルをリクエストし、次のようにリクエスト ヘッダー If-Modified-Since および Cache-Control を追加します。方法 2: キャッシュを直接使用する :false,

$.ajax({
     url:'www.haorooms.com',
     dataType:'json',
     data:{},
     beforeSend :function(xmlHttp){ 
        xmlHttp.setRequestHeader("If-Modified-Since","0"); 
        xmlHttp.setRequestHeader("Cache-Control","no-cache");
     },
     success:function(response){
         //操作
     }
     async:false
  });
ログイン後にコピー

方法 3: 乱数を使用する 乱数は、キャッシュを回避する非常に良い方法でもあります。

Add "?ran= Math.random(); //もちろん、ここで実行されるパラメータは任意に選択できます

eg:

$.ajax({
     url:'www.haorooms.com',
     dataType:'json',
     data:{},
     cache:false, 
     ifModified :true ,
     success:function(response){
         //操作
     }
     async:false
  });
ログイン後にコピー

他のものも同様ですが、アドレスの後に Math.random() を追加します

注: Math.random() は Javascript でのみ機能するため、JavaScript を通じてのみ呼び出すことができます

方法 4: ランダムな時間を使用します。乱数と同じ。

URL パラメータの後に「?timestamp= new Date().getTime();」を追加します

PHP バックエンドを使用してクリーンアップします

サーバーに header(" を追加します)サイド キャッシュ コントロール: no-cache、must-revalidate"); など (php など)

方法 5:

5, window.location.replace("WebForm1.aspx) ") ;

パラメータは対象とするページです。置換の原則は、置換パラメータで指定されたページを現在のページに置き換えることです。

これにより、ユーザーは「戻る」キーをクリックできなくなります。 JavaScript スクリプトが使用されます。例:

a.html

以下は引用部分です:

ログイン後にコピー

b.html

以下は次のとおりです。引用部分:

 
      
         a      
          
     
b
ログイン後にコピー

以上がJavaScriptでキャッシュをクリアする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!