JavaScript清除浏览器缓存的方法

版权声明:本博文仅供学习、参考、技术讨论,版权归笔者/译者所有。 https://blog.csdn.net/qq_38025219/article/details/84285310

一、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表单的缓存对于我们书写还是有帮助的,一般情况不建议清理,但是有时候为了安全问题等,需要清理一下!

三、ajax清除浏览器缓存

用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,

$.ajax({
  url:'www.jb51.net',
  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.jb51.net',
  dataType:'json',
  data:{},
  cache:false, 
  ifModified :true ,
  success:function(response){
   //操作
  }
  async:false
 });

四、其它方法

URL 参数后加上 “?ran=” + Math.random(); //当然这里参数 ran可以任意取了

在 URL 参数后加上 “?timestamp=” + new Date().getTime(); 用后端清理

在服务端加 header(“Cache-Control: no-cache, must-revalidate”);等等

猜你喜欢

转载自blog.csdn.net/qq_38025219/article/details/84285310