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

時間 2019-11-12

原文原文鏈接

關於瀏覽器緩存

瀏覽器緩存，有時候咱們須要他，由於他能夠提升網站性能和瀏覽器速度，提升網站性能。可是有時候咱們又不得不清除緩存，由於緩存可能誤事，出現一些錯誤的數據。像股票類網站實時更新等，這樣的網站是不要緩存的，像有的網站不多更新，有緩存仍是比較好的。今天主要介紹清除緩存的幾種方法。javascript

清理網站緩存的幾種方法

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表單的臨時緩存



其實form表單的緩存對於咱們書寫仍是有幫助的，通常狀況不建議清理，可是有時候爲了安全問題等，須要清理一下！

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

jquery ajax清除瀏覽器緩存

方式一：用ajax請求服務器最新文件，並加上請求頭If-Modified-Since和Cache-Control,以下:java

方式一：用ajax請求服務器最新文件，並加上請求頭If-Modified-Since和Cache-Control,以下:jquery

 $.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

 $.ajax({ url:'www.haorooms.com', dataType:'json', data:{}, cache:false, ifModified :true , success:function(response){ //操做 } async:false });

方法三：用隨機數，隨機數也是避免緩存的一種很不錯的方法！json

URL 參數後加上 "?ran=" + Math.random(); //固然這裏參數 ran能夠任意取了

方法四：用隨機時間，和隨機數同樣。瀏覽器

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

用HTML Head標籤清理

meta方法<METAHTTP-EQUIV="pragma"CONTENT="no-cache"><METAHTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate"><METAHTTP-EQUIV="expires"CONTENT="0">
在header標籤里加入以上幾行代碼，HTTP頭信息「Expires」和「Cache-Control」爲應用程序服務器提供了一個控制瀏覽器和代理服務器上緩存的機制。HTTP頭信息Expires告訴代理服務器它的緩存頁面什麼時候將過時。HTTP1.1規範中新定義的頭信息Cache-Control能夠通知瀏覽器不緩存任何頁面。當點擊後退按鈕時，瀏覽器從新訪問服務器已獲取頁面。以下是使用Cache-Control的基本方法：
（1）no-cache:強制緩存從服務器上獲取新的頁面
（2）no-store: 在任何環境下緩存不保存任何頁面
HTTP1.0規範中的Pragma:no-cache等同於HTTP1.1規範中的Cache-Control:no-cache，一樣能夠包含在頭信息中。
可是實際使用中卻發現即便這樣設置了，卻仍是在首次加載時仍然是舊的頁面，再次刷新才能更新到最新的，這樣每每就達不想要的效果。緩存