`

js清除浏览器缓存的几种方法

阅读更多

一.关于浏览器缓存

        浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。今天主要介绍清除缓存的几种方法。

 

二.清理网站缓存的几种方法

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

        其实form表单的缓存对于我们书写还是有帮助的,一般情况不建议清理,但是有时候为了安全问题等,需要清理一下!

 

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){
         //操作
     },
	 error:function(jqXHR, textStatus, errorThrown) {
		//操作
	 },
     async:false
});

方法二:直接用cache:false

$.ajax({
     url:'www.haorooms.com',
     dataType:'json',
     data:{},
     cache:false, 
     ifModified :true,
     success:function(response){
         //操作
     },
     error:function(jqXHR, textStatus, errorThrown) {
		//操作
	 },
     async:false
});

方法三:用随机数,随机数也是避免缓存的一种很不错的方法!

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

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

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

 

4.后端清理

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

 

PS:JAVA后端清除Session缓存方法

session.removeAttribute("user");
session.removeAttribute("constant_cache");

session.invalidate();

 

文章来源:http://www.haorooms.com/post/js_llq_hc

分享到:
评论

相关推荐

    HTTP+JS+浏览器缓存技术

    HTTP+JS+浏览器缓存技术 浏览器缓存是指浏览器在本地磁盘上存储的静态资源文件,包括HTML、CSS、...浏览器缓存是一种重要的Web技术,可以提高网站性能和浏览器速度,但需要合理地使用和清除缓存以避免缓存误事。

    清除浏览器缓存的几种方法总结(必看)

    以上就是清除浏览器缓存的几种常见方法。每种方法都有其适用场景,根据实际需求选择合适的方式能够有效地解决因缓存引起的问题,确保用户始终获取最新的网页内容。在开发和调试过程中,掌握这些技巧能够大大提高工作...

    关于angularJs清除浏览器缓存的方法

    传统上,我们可以使用以下几种方式来避免浏览器缓存: 1. **Meta标签**:在HTML头部添加`&lt;META HTTP-EQUIV="pragma" CONTENT="no-cache"&gt;`, `, must-revalidate"&gt;`和`&lt;META HTTP-EQUIV="expires" CONTENT="0"&gt;`,...

    react+django清除浏览器缓存的几种方法小结

    在开发Web应用时,尤其是使用React和Django...总结来说,清除或禁用浏览器缓存的方法多样,可以根据具体需求选择适合的方式。在React+Django项目中,结合前端和后端策略,可以确保用户始终得到最新且无缓存的页面内容。

    如何清除tomcat缓存

    接下来,我们将详细介绍几种常用的清除Tomcat缓存的方法: ##### 方法一:手动删除工作目录中的文件 1. **停止Tomcat服务**:确保在进行任何清理操作之前停止Tomcat服务。这是因为Tomcat在运行时可能会阻止某些...

    清除js缓存的多种方法总结

    本文将总结几种清除JavaScript(JS)缓存的方法,帮助开发者解决类似的问题。 1. HTML 头部元标签设置: 在HTML文件的`&lt;head&gt;`部分添加以下元标签,可以告诉浏览器不要缓存页面内容: ```html , must-...

    360浏览器如何清理缓存.docx

    浏览器缓存是互联网浏览过程中的一种常见机制,它用于存储网页上的静态资源,如图片、JavaScript文件和CSS样式表,以加快网页加载速度。当用户访问过的网页再次被打开时,浏览器会优先从本地缓存中读取这些资源,而...

    JS清除IE浏览器缓存的方法

    本文将探讨几种通过JS自动清除IE浏览器缓存的方法。 1. **利用Dojo库** Dojo是一个功能丰富的JavaScript库,它提供了xhrGet和xhrPost等方法来处理HTTP请求。在这些方法中有一个`preventCache`属性,默认情况下,...

    各浏览器如何清除缓存.docx

    浏览器缓存是网络浏览过程中非常重要的一个组成部分,它存储了我们访问过的网页的静态资源,如图片、JavaScript 文件和 CSS 样式表等,目的是为了加快网页加载速度,提高用户体验。然而,有时缓存可能会导致网页加载...

    Flex客户端IE浏览器缓存问题

    在IE浏览器中,解决这个问题的方法有以下几种: 1. **强制刷新**:用户可以按`Ctrl + F5`进行强制刷新,这将忽略浏览器缓存,从服务器获取最新资源。但这不是一种理想的解决方案,因为用户可能不知道这个技巧,或者...

    JSP清除页面缓存常用方法小结

    本文将详细介绍几种JSP中清除页面缓存的常见方法。 一、清除页面缓存 在JSP页面中,可以通过设置HTTP响应头来禁止浏览器缓存页面。以下代码片段展示了如何在JSP中实现这一目标: ```jsp response.setHeader(...

    vue项目强制清除页面缓存的例子

    解决方法有几种,文章提供了以下方案: 1. 在HTML的标签中,添加标签,通过设置HTTP-EQUIV属性来禁止浏览器缓存页面。具体如下: ```html ``` 这种方法能够告诉浏览器不要缓存当前页面,但是它并不...

    清除AJAX的缓存,清除AJAX的缓存

    针对上述问题,开发者可以通过以下几种方式来清除Ajax请求的缓存: ##### 1. 修改请求URL 一种简单有效的方法是在Ajax请求的URL后面添加一个随机数作为参数,这样每次请求的URL都是唯一的,浏览器就会认为这是全新...

    Ajax中浏览器的缓存问题解决方法

    在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的异步更新,从而提升用户体验,减少...同时,对于一些不需实时更新的数据,适当利用浏览器缓存可以提高用户体验,减少网络带宽的消耗。

    浏览器缓存知识小结及应用分析

    本文将从几个方面详细探讨浏览器缓存的知识点。 首先,我们需要明确浏览器缓存是什么。简单来说,浏览器缓存就是浏览器在本地保存的网页资源的副本,例如HTML文档、图片、样式表和脚本文件等。当用户访问网页时,...

    提取缓存文件

    提取浏览器缓存文件的过程通常涉及到以下几个步骤: 1. 找到缓存位置:不同的浏览器缓存位置不尽相同。例如,Internet Explorer(IE)的缓存通常位于用户的个人资料目录下的`AppData\Local\Microsoft\Windows\...

    在开发AJAX过程中遇到的问题及解决方案

    针对以上问题,我们可以采取以下几种策略来解决浏览器缓存带来的问题: ##### 1. 动态数据请求时添加时间戳或随机参数 在发送AJAX请求时,可以通过向URL中添加一个时间戳或者随机数作为参数,来避免浏览器缓存响应...

Global site tag (gtag.js) - Google Analytics