JavaScriptでキャッシュをクリアする方法-jsチュートリアル-php.cn

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

藏色散人

リリース： 2023-01-03 09:31:45

オリジナル

9810 人が閲覧しました

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 メソッド

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0">

ログイン後にコピー

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

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

$.ajax({
     url:&#39;www.haorooms.com&#39;,
     dataType:&#39;json&#39;,
     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:&#39;www.haorooms.com&#39;,
     dataType:&#39;json&#39;,
     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

以下は引用部分です:

<script> 
document.write("<s"+"cript type=&#39;text/javascript&#39; src=&#39;/js/test.js?"+Math.random()+"&#39;></scr"+"ipt>"); 
</script>

ログイン後にコピー

b.html

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

<html> 
     <head> 
         <title>a</title>      
         <script language="javascript"> 
             function jump(){ 
                 window.location.replace("b.html"); 
             } 
         </script> 
     </head> 
     <body> 
        <a href="javascript:jump()">b</a> 
    </body> 
</html>

ログイン後にコピー

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