清除网页缓存的方法

最新推荐文章于 2023-04-09 20:45:35 发布
最新推荐文章于 2023-04-09 20:45:35 发布
阅读量4.9k 收藏 1
点赞数

目的:清除浏览器缓存

浏览器缓存:有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。

使用方法:JS或者Jquery

方法一: meta方法用客户端代码使浏览器不再缓存Web页面：

1

2

3

4

5

<head>

<meta   http-equiv="Expires"   CONTENT="0">

<meta   http-equiv="Cache-Control"   CONTENT="no-cache">

<meta   http-equiv="Pragma"   CONTENT="no-cache">

</head>

方法二: 清理form表单的临时缓存

1

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

还可以利用jquery ajax清除浏览器缓存

方式一：用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

$.ajax({

    url:'

,

    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,

1

2

3

4

5

6

7

8

9

10

11

12

13

$.ajax({

    url:'

,

    dataType:'json',

    data:{},

    cache:false, 

    ifModified :true ,

 

    success:function(response){

        //操作

    }

    async:false

 });

方法三：用随机数，随机数也是避免缓存的一种很不错的方法！

1

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

方法四：用随机时间，和随机数一样。

1

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

方法五：用php后端清理

1

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

以上是网上常用的清除方法,另外在java中可以通过:JAVA后端清除Session缓存方法来实现

1

2

3

session.removeAttribute("user");  

session.removeAttribute("constant_cache");  

session.invalidate();

 

为什么要清除缓存呢，如果想不缓存，每次只要带不同的时间戳就可以了

在IE或者其他的很多浏览器中，如果你每次请求的地址是相同的，浏览器就不会去连接服务器而是去读取缓存，这样对于很多应用来时是非常好的，可以降低服务器的压力或者减少带宽的使用，但是对于ajax应用，很多都是必须保持时时的连接与服务器进行交互

所以需要使用一个小技巧，时间戳来使每次的请求地址都不同，从而跳过浏览器的缓存机制实现每次的请求服务器，这样的功能在图片验证码的时候也是比较常用的一种方法

1

2

3

4

5

6

        function convertURL(url){  

            var timestmp = (new Date()).valueOf();  

            //将时间戳追加到url上面  

            url = url+ "&t=" +timestmp;  

            return url;   

        }

建议这样操作比较好，如果清理缓存，还要设置定时清理器，会比较麻烦

李修睿
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
各类常见语言清除网页缓存方法汇总
10-25
主要介绍了各类常见语言清除网页缓存方法汇总,包括了常见的html、asp、php与java,非常具有实用价值,需要的朋友可以参考下
html页面强制刷新，清缓存
Amy的专栏
01-02 1万+
在html页面头部添加 <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0">
清除某个特定网站的缓存---基于Chrome浏览器
热门推荐
荷塘月色
11-04 1万+
通过F12功能去清除特定网站的浏览器缓存。
js清除浏览器缓存的几种方法
啊猿的博客
03-31 3200
https://www.cnblogs.com/z12568/p/12131468.html
response方法清除缓存的
yangshen998
10-29 1251
在web开发中合理使用缓存可以有效的提高网站的性能，但是在某些场合下因为缓存的存在会带来很多的问题。 例如：因为缓存的存在会造成重复提交数据的问题，验证码图片不能正确显示的问题，等等。这个时候我们就要禁用页面缓存的功能。 我们常用的做法是发送一个“no-cache”的指令，但是实际使用过程中我们发现，这个指令对IE是有效的，但是对Firefox却没有效，这是因为，使用该指令Firefox...
浏览器页面缓存 - Cache【性能篇】
问白的博客
04-09 1712
如果【停用缓存】被勾选了，浏览器发送的请求中就会自带 Cache-Control：no-cache和Pragma：no-cache两个请求头。会强制要求缓存把请求提交给原始服务器进行验证 (协商缓存验证)。假如 Cache-Control 在请求头中不存在的话，Pragma：no-cache的行为与 Cache-Control: no-cache 一致。在Demo演示之前，切记将浏览器中的 【网络 -> 停用缓存】选项不要勾选。否则浏览器不会从本地缓存取数据。
浏览器缓存机制
程序媛的博客
01-11 2441
浏览器缓存问题，知识点
如何清理电脑浏览器缓存，4款常用浏览器清理缓存的方法
ITduo的博客
12-30 1万+
浏览器是人们在网络生活中不可缺少的存在，我们使用各种浏览器上网的时候，可能会出现各种程序出错的问题。或者，可能使用浏览器的时间就了，发现电脑有点卡顿，这时候就需要情况缓存了。那么，如何清理电脑浏览器的缓存呢？下面分享4款常用浏览器清理缓存的方法。
ThinkPHP实现一键清除缓存方法
12-19
很多的开源cms系统都有一键清除缓存的功能，缓存是为了减轻服务器的压力而产生的，但是同时有缓存的存在也可能使一些数据不能实时更新，对此，我们就来实现一个ThinkPHP的清理缓存的功能。代码如下： ThinkPHP后台...
清除js缓存的多种方法总结
11-27
在客户端有一个HTML文件，用来提交输入信息，问题在于：每次按刷新时，发觉并不是整个页面重新被装载，好似是缓存中。 因为文本框中仍出现上次输入的值，只有在地址栏中按回车整个页面才重新装载，应当怎样避免此...
vue项目强制清除页面缓存的例子
10-16
今天小编就为大家分享一篇vue项目强制清除页面缓存的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
清除aspx页面缓存的程序实现方法
09-04
主要介绍了清除aspx页面缓存的程序实现方法,非常实用,需要的朋友可以参考下
浅谈常见浏览器缓存方法(前端缓存)
Angel_Tears_的博客
08-02 6380
浏览器缓存时浏览器保存数据用于快速读取或避免请求重复资源,提升网页加载速度. 前端缓存可分为两大类:http缓存和浏览器缓存 一.http缓存 http缓存指的是:当客户端向服务器请求资源时,会先抵达浏览器缓存,如果浏览器有"要求资源"的副本,就可以直接从浏览器缓存中提取,而不是从原始服务器中提取这个资源 常见的htttp缓存只能缓存get请求响应的资源,对于其他类型的响应则无能为力, http缓存都是从第二次请求开始的,第一次请求资源时,服务器返回资源,并在respone hearder头中回传资源的
页面性能之浏览器缓存
EmotionComputer
07-27 1175
缓存的分类： 一. 强缓存： 定义：强制缓存，只要在有效的时间范围内就不会去服务器发送请求索取资源，而是直接用本地缓存的。 主要http字段： Expires Expires: Mon, 25 Jun 2029 06:17:58 GMT Cache-Control Cache-Control: max-age=315360000 Expires和Cache-Control的区别： Expir...........................
服务器网站缓存怎么清理,清理网站缓存的实用方法
weixin_33166692的博客
08-10 2765
什么是浏览器缓存？浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，提高网站性能，整体上加速网页展示给用户。但是有时候我们又不得不清除缓存，比如说一些网站需要实时更新数据，那么这就不需要缓存，而有些网站更新慢，这时候缓存还是比较好的。好了，闲话不多说，今天总结一下清除浏览器缓存的实用方法。js清除浏览器缓存的几种方...
如何单独清除某个网页的缓存（reload）
long_songs的博客
02-20 5061
(浏览器在发送请求时会带上禁止缓存的相关请求头) 或者在devtools的network面板中勾选Disable cache并刷新（devtools面板开启状态）。②硬性重新加载(Ctrl + Shift + R): 浅层次的清除历史记录, 但不一定缓存完全清除. (Ctrl + F5一样)顾名思义，将该页面的缓存清空并进行硬性重新加载，有人可能会问，既然是硬性重新加载，清不清缓存好像没有意义。③清空缓存并硬性重新加载: 可以深层次的清楚所有的缓存.(成本也不大,尽量用这个)今天教你一个方法快速清除。
【浅解】浏览器缓存
jiang_ziY的博客
03-29 8098
本章包含：1、缓存概念，2、web缓存的种类，3、浏览器缓存的种类，4、http缓存，5、强制缓存，6、协商缓存，7、Cookie，8、cookie、localStorage的异同
vue 清除页面缓存
最新发布
10-20
Vue清除页面缓存的方法有多种，以下是其中两种常用的方法： 1. 使用路由缓存管理：在Vue项目中，可以使用路由缓存管理来控制页面缓存。通过监听缓存列表的变化，如果缓存列表中没有当前的路由或组件则在缓存中销毁该...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值