博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS强制刷新页面、清除缓存刷新
阅读量:5156 次
发布时间:2019-06-13

本文共 1283 字,大约阅读时间需要 4 分钟。

清理网站缓存的几种方法

meta方法

清理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 参数后加上 "?ran=" + Math.random(); //当然这里参数 ran可以任意取了

方法四:用随机时间,和随机数一样。

在 URL 参数后加上 "?timestamp=" + new Date().getTime();

用php后端清理

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

 

关于缓存问题: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) 加一个标识号,使图片不被缓存

转自:https://www.cnblogs.com/wangyongx/p/10278520.html

转载于:https://www.cnblogs.com/yangyangblog/p/Javascript.html

你可能感兴趣的文章
js detect the type of device
查看>>
查看daemon使用技巧
查看>>
jzxx1000~1010题分析
查看>>
Windows Phone 8 与 windows 8 开发技术概览
查看>>
vue 画二维码
查看>>
大数除法(C++)
查看>>
大数乘法(C++)
查看>>
bash常用实例
查看>>
加密配置文件插件
查看>>
文件下载与文件对比
查看>>
pycharm 快捷使用
查看>>
51 Nod 阶乘后面0的数量
查看>>
如何成为编程高手
查看>>
【题解】洛谷P1283 平板涂色(搜索+暴力)
查看>>
BDD(行为驱动开发)
查看>>
socket
查看>>
love2d杂记4--有用的辅助库
查看>>
JAVA中properties基本用法
查看>>
MVC面试问题与答案
查看>>
jQuery分析(3) - jQuery.fn.init
查看>>