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()">
其實form表單的緩存對於我們書寫還是有幫助的,一般情況不建議清理,但是有時候為了安全問題等,需要清理一下!
jquery ajax清除瀏覽器緩存
方式一:用ajax請求服務器最新文件,並加上請求頭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 });
方法三:如果請求的地址是相同的,瀏覽器就不會去連接服務器而是去讀取緩存。可以通過時間戳來使每次的請求地址都不同,從而跳過瀏覽器的緩存
每次都請求服務器。
在 URL 參數后加上 "?timestamp=" + new Date().getTime();
或<link rel="stylesheet" type="text/css" href="common.css?r=20170122" />
方法四:用隨機數,隨機數也是避免緩存的一種很不錯的方法!
URL 參數后加上 "?r=" + Math.random(); //當然這里參數 ran可以任意取了
用php后端清理
在服務端加 header("Cache-Control: no-cache, must-revalidate");
等等(如php中)
轉載自:http://www.haorooms.com/post/js_llq_hc
以上皆為個人理解,如有錯誤之處,歡迎留言指正。