js清除缓存

浏览器缓存

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

缓存问题

首先介绍下出现缓存问题的情况：

情况一：form表单缓存：

在客户端有一个html文件，用来提交输入信息，问题在于：每次按刷新时，发觉并不是整个页面重新被装载，好似是缓存中。因为文本框中仍出现上次输入的值，只有在地址栏中按回车整个页面才重新装载，应当怎样避免此问题？

情况二：js文件缓存：

各个浏览器也是拼了命的提高性能，升级JS解析引擎，更好的处理浏览器的页面缓存，让用户的浏览体验更快，占用更小的PC资源。那么，问题就出现在JS和css缓存，甚至页面缓存上。至于浏览器对页面的缓存，我们一般通过在服务端发送页面的时候设置页面的生存期，一般几个小时就能缓解很大的服务器压力，并且，对浏览者来讲，本地页面晚更新几个小时可能问题也不大。但，问题是，如果页面发生了更新，但是该页面链接的JS和CSS文件却被浏览器缓存下来，只有待浏览器重启后才能被删除，甚至有些浏览器重启后也不主动删除JS和CSS的缓存文件。这样页面与JS和CSS文件就可能发生脱节了，从而出现某种异常现象，甚至页面崩溃。更坑爹的现象是，现在用户为了保存自己的工作（娱乐）状态，根本就长时间不关机，当然也不关闭浏览器。从而使得该问题变得更加严重。

清理网站缓存的几种方法

1.meta方法，在html里head区添加代码：

//不缓存
<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.fly63.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.fly63.com',
	dataType: 'json',
	data: {},
	cache: false,
	ifModified: true,
	success: function(response) {
		//操作
	}
	async :false
});

4.URL文件缓存随机参数清理

方法一：

用随机数，随机数也是避免缓存的一种很不错的方法！URL 参数后加上 "?ran=" + Math.random(); //当然这里参数 ran可以任意取了

方法二：

用随机时间，和随机数一样。在 URL 参数后加上 "?timestamp=" + new Date().getTime();

方法三：

使用方式一或者二，是会导致浏览器每次都要去请求服务端的js文件。占用带宽，作为技术，能不能有种更好的办法呢？既能避免用户的浏览器每次去请求服务端获取js文件。又能在发布新的js代码后，能够使用最新的js文件？

在问号后面加版本号或者文件修改时间，现在很多网站都这么干。

<script type="text/javascript" src="/js/common.js?v=99" ></script>

或者

<script type="text/javascript" src="js/common.js?t=20150622" ></script>

链接: https://www.fly63.com/article/detial/10851

js清除缓存

浏览器缓存

缓存问题

情况一：form表单缓存：

情况二：js文件缓存：

清理网站缓存的几种方法

1.meta方法，在html里head区添加代码：

2.清理form表单的临时缓存

3.jquery ajax清除浏览器缓存

4.URL文件缓存随机参数清理

浏览器缓存_HTTP强缓存和协商缓存

angularjs 缓存详解

浏览器缓存问题原理以及解决方案

Web缓存相关知识整理

使用缓存加速之后的网站访问过程变化

html页面清除缓存

HTTP之缓存 Cache-Control

工程化_前端静态资源缓存策略

前端静态资源自动化处理版本号防缓存

vue后台管理系统解决keep-alive页面路由参数变化时缓存问题