前端开发JavaScript清除浏览器缓存的方法

前端开发JavaScript清除浏览器缓存的方法查看和删除浏览器缓存的方法 打开 最近在开发项目中发现有时候总要频繁地清除浏览器缓存 不然总是显示的过时的信息 浏览器缓存有利有弊 有些数据需要缓存下来使得页面打开更快提高网站性能 但有些缓存内容又必须清除 缓存可能会导致一些错误数据被展示 介绍一些清除浏览器缓存的方法 方法一 利用 meta 标签 amp

查看和删除浏览器缓存的方法=====》打开

最近在开发项目中发现有时候总要频繁地清除浏览器缓存,不然总是显示的过时的信息

浏览器缓存有利有弊,有些数据需要缓存下来使得页面打开更快提高网站性能,但有些缓存内容又必须清除,缓存可能会导致一些错误数据被展示。

介绍一些清除浏览器缓存的方法:

方法一:利用meta标签

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0">

这种方法很简单,但不是所有浏览器都支持的,像chrome这种强制使用缓存的浏览器就没有用

方法二:jquery ajax清除浏览器缓存

//用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Contro $.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){ //do something  } async:false }); //直接用cache:false, $.ajax({ url:'www.haorooms.com', dataType:'json', data:{}, cache:false, ifModified :true , success:function(response){ //do something  } async:false });

方法三:url后面加上随机数(字母)或者当前时间戳

URL ?ran=" + Math.random(); URL ?timestamp=+ new Date().getTime();

方法四:在js后面加日期戳

虽然看起来和url加随机数一样,但原理不同,这种最好所有js文件采用公共引入文件的形式,可以省去一些麻烦

<script src="/res/js/plugins/metisMenu/jquery.metisMenu.js?${.now?string('yyyy-MM-dd')}"></script>

方法五:后端处理

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232234.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号