js缓存问题怎么解决

JavaScript010

js缓存问题怎么解决,第1张

面对的缓存问题有两个：一是页面引入的JS文件缓存。二是JS请求后台的缓存。对于第一种情况，有两种处理方式：

1、可以在页面引入的JS文件后面增加日趋，如果不经常改动的文件，可以在每次改动后修改后缀。

2、对于第二种情况，一般的处理方式是在请求的路径后面加上毫秒值，这样每次请求的路径都不一样，但是对于后台来说都是一样的，用来欺骗浏览器，进行实时请求，不调用浏览器缓存。

可以利用localStorage来储存数据，用法也很简单：

localStorage["key"] = "要储存的数据"

提取出来也同样简单：

var x = localStorage["key"]

key是键名，可以自由设定。

需要注意的是，只有支持HTML5的浏览器才能使用localStorage

1、创建一个cache.js文件,前端页面，定义那些数据需要一次性拿到前端缓存，定义一个对象来保存这些数据。

2、前端页面，定义一个函数来调用后台接口获取数据，然后保存到本地缓存对象（dicts）中。

3、在主页面加载的时候调用这个方法一次性获取数据并缓存起来。这样，以后需要同样的数据，就直接从本地对象dicts中获取了。

4、后端Controller，定义一个接口，根据前端的请求，查询数据库（或查询服务器缓存，如下面例子中）获取数据返回给前端。