js 接口返回大量数据缓存后如何更新?

Question

有一个页面请求一个接口接口返回大量数据这个数据会不定时更新 (半个月一次 10天一次)这个数据怎么做本地存储？本地缓存后，下一次接口数据更新后，我需要再次请求接口缓存，我如何知道该何时去重新请求接口？主要目的是减少没必要的请求，浪费资源

Answer 1

浏览器端的话，较大的数据可以存储在 localStorage 中。请求数据有以下几种方式：

• 第一种是每次都请求，验证版本号（或更新时间戳）；

• 第二种是定时请求（管他更新不更新，就是 20 天请求一次）；

• 第三种你可以使用一个 websocket，好处是，后台有更新就会返回新数据，但是大材小用了！！！

• 第四种，在页面上加个按钮【刷新】，完全凭心情吧。

所以，本地存储的目的是什么？是为了避免数据重新解析？还是后端不想每次查询数据（影响服务器性能），根据前后端职责进行选型就好了。个人感觉，后端提缓存优化是比较好的方案，就像请求 APP 更新，如果返回的是时间戳或 false 说明后端没有新数据，如果是新数据，那就直接替换本地 localStorage 中的数据。