清除缓存刷新

Posted 2020-11-23 slightfly

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了清除缓存刷新相关的知识，希望对你有一定的参考价值。

清理网站缓存的几种方法

　　1、meta方法

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="0">

　　2、清除form表单临时缓存

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

　　3、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 参数后加上 "?ran=" + Math.random(); //当然这里参数 ran可以任意取了
方法四：用随机时间，和随机数一样。
　　在 URL 参数后加上 "?timestamp=" + new Date().getTime();

　　4、js清除缓存

　　　　1、一般手动清除，浏览器缓存

　　　　2、js代码清除缓存（原理：增加了一个参数，且该参数是一个随机数，每次都不一样，所以每次的请求参数都不一样，服务器会将其作为一个新的请求，重新返回结果，而不会使用缓存）　　　　　　

js文件:  路径后面加一个随机数如下   <script src="lib/gMarker.js?random=120211"></script>

css文件： 　<link rel=‘stylesheet‘ href=‘css/index.css?t=120224‘>   加一个标识 强制浏览器重新加载此文件

图片文件：   background:url(**.png?20150421) 加一个标识号，使图片不被缓存

以上是关于清除缓存刷新的主要内容，如果未能解决你的问题，请参考以下文章

JS强制刷新页面清除缓存刷新

keepAlive动态缓存及清除缓存

清除缓存刷新

解决iframe缓存机制导致页面不清除缓存不刷新页面的bug

刷新页面，重新加载js，清除缓存拒绝304

Javascript实现页面加载完成后自动刷新一遍清除缓存文件