js缓存问题怎么解决

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

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

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

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

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

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

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

方法一：针对浏览器设置过期时间，在这个时间内的请求都会先请求本地缓存的文件和数据。另外jquery的ajax请求方式可以设置是否缓存，可以充分利用该选项。

方法二：js请求限制，可以设计成多少秒以内都不响应响应的 *** 作，过期后的 *** 作才会有效。点击后仅返回一个仿真的结果。

方法三：ajax做dom缓存策略，比如在页面放一个不可见的textarea,请求过来的数据同时写入textarea的value，并且在一定时间内（可设置）的请求只去读取textarea的内容，并将结果展示到页面上。

---