js清除瀏覽器緩存的幾種方法

有時在后臺修改了代碼，再在瀏覽器上運(yùn)行會發(fā)生顯示的還是未修改之前的頁面，所以就在網(wǎng)上查找清除瀏覽器緩存的方法，主要都是在瀏覽器的設(shè)置里刪除緩存，然后我找到了使用代碼在自己的代碼中使用的清除緩存的方法，選擇了瀏覽量最高的博客作為轉(zhuǎn)載，以下為內(nèi)容：

關(guān)于瀏覽器緩存

瀏覽器緩存，有時候我們需要他，因?yàn)樗梢蕴岣呔W(wǎng)站性能和瀏覽器速度，提高網(wǎng)站性能。但是有時候我們又不得不清除緩存，因?yàn)榫彺婵赡苷`事，出現(xiàn)一些錯誤的數(shù)據(jù)。像股票類網(wǎng)站實(shí)時更新等，這樣的網(wǎng)站是不要緩存的，像有的網(wǎng)站很少更新，有緩存還是比較好的。今天主要介紹清除緩存的幾種方法。

清理網(wǎng)站緩存的幾種方法

meta方法

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

清理form表單的臨時緩存

<body onLoad="javascript:document.yourFormName.reset()">

其實(shí)form表單的緩存對于我們書寫還是有幫助的，一般情況不建議清理，但是有時候?yàn)榱税踩珕栴}等，需要清理一下！

jquery ajax清除瀏覽器緩存

方式一：用ajax請求服務(wù)器最新文件，并加上請求頭If-Modified-Since和Cache-Control,如下:

  $.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
  });

方法二，直接用cache:false,

  $.ajax({
     url:'www.haorooms.com',
     dataType:'json',
     data:{},
     cache:false, 
     ifModified :true ,

     success:function(response){
         //操作
     }
     async:false
  });

方法三：用隨機(jī)數(shù)，隨機(jī)數(shù)也是避免緩存的一種很不錯的方法！

URL 參數(shù)后加上 "?ran=" + Math.random(); //當(dāng)然這里參數(shù) ran可以任意取了

方法四：用隨機(jī)時間，和隨機(jī)數(shù)一樣。

在 URL 參數(shù)后加上 "?timestamp=" + new Date().getTime();

用php后端清理

在服務(wù)端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中)

轉(zhuǎn)載鏈接：http://www.rzrgm.cn/louby/p/5012663.html

posted @ 2020-01-02 09:08 貓五閱讀(16829) 評論(0) 收藏舉報

刷新頁面返回頂部

貓五