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
以上皆为个人理解,如有错误之处,欢迎留言指正。