什麼是浏覽器緩存?浏覽器緩存是浏覽器端儲存資料用于快速讀取或避免重複資源請求的優化機制,有效的緩存使用可以避免重複的網絡請求和浏覽器快速地讀取本地資料,提高網站性能,整體上加速網頁展示給使用者。但是有時候我們又不得不清除緩存,比如說一些網站需要實時更新資料,那麼這就不需要緩存,而有些網站更新慢,這時候緩存還是比較好的。好了,閑話不多說,今天總結一下清除浏覽器緩存的實用方法。
js清除浏覽器緩存的幾種方法meta方法
//不緩存
清理form表單的臨時緩存
這裡我情調一下,對于form表單的緩存的清理需要根據項目需求來定,如果出于安全問題考慮,還是要清理一下!其他情況下不建議清理,這對于我們書寫還是有幫助的。
ajax清除浏覽器緩存
一、用ajax請求伺服器最新檔案,并加上請求頭If-Modified-Since和Cache-Control,如下:
$.ajax({
url:'www.mybj123.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.mybj123.com',
dataType:'json',
data:{},
cache:false,
ifModified :true ,
success:function(response){
//操作
}
async:false
});
三、用随機數,随機數也是避免緩存的一種很不錯的方法!
URL 參數後加上 “?ran=” + Math.random(); //當然這裡參數 ran可以任意取了
四、用随機時間,和随機數一樣。
在 URL 參數後加上 “?timestamp=” + new Date().getTime();
五、用php後端清理
在服務端加 header(“Cache-Control: no-cache, must-revalidate”);等等(如php中)
結束語
以上就是碼雲筆記為大家帶來的關于浏覽器清除緩存方法的全部内容,希望對大家有幫助,如果大家有更好的方法歡迎補充。