如何清除瀏覽器快取

antzone發表於2017-04-11

瀏覽器快取是有很大優點的,可以直接從快取中讀取資料,能夠極大提高網頁的瀏覽速度。

但是對於有些網站來說,這並不適合,比如實時性要求很高的網站,則就必須要實時從伺服器讀取資料,而不是快取。

下面就介紹一下清除瀏覽器快取的幾種常用方式。

使用設定meta方式:

[HTML] 純文字檢視 複製程式碼
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0">

jquery ajax清除瀏覽器快取:

用ajax請求伺服器最新檔案,並加上請求頭If-Modified-Since和Cache-Control,如下:

[JavaScript] 純文字檢視 複製程式碼
$.ajax({
  url:'www.softwhy.com',
  dataType:'json',
  data:{},
  beforeSend :function(xmlHttp){ 
    xmlHttp.setRequestHeader("If-Modified-Since","0"); 
    xmlHttp.setRequestHeader("Cache-Control","no-cache");
  },
  success:function(response){
    //操作
  },
  async:false
});

在請求頭加上If-Modified-Since和Cache-Control即可。

[JavaScript] 純文字檢視 複製程式碼
$.ajax({
  url:'www.softwhy.com',
  dataType:'json',
  data:{},
  cache:false, 
  ifModified :true ,
 
  success:function(response){
    //操作
  },
  async:false
});

使用cache:false方式。

使用隨機數方式:

[JavaScript] 純文字檢視 複製程式碼
在 URL 引數後加上 "?timestamp=" + new Date().getTime();

相關文章