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

Posted

tags:

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

清理网站缓存的几种方法

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()">

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();

用php后端清理

在服务端加 header("Cache-Control: no-cache, must-revalidate");等等(如php中)

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

关于vue强制刷新

js控制页面跳转,清缓存，强制刷新页面

[Web前端] mac chrome 浏览器强制刷新，清除浏览器缓存

谷歌浏览器，调试时，页面的刷新，强制刷新+清空缓存 操作详情。

我可以强制 .htaccess 刷新吗？

路由跳转但不需要页面刷新