如何缓存页面已经请求过的数据？

Question

需求：数据通过ajax加载成功后，如果用户刷新页面何如缓存已经请求完成的数据呢？而不是再次请求后端数据。兼容IE8及以上

Answer 1

要兼容ie8那就放到cookie中吧。localstorage不知道兼容ie8不，自己查一下。IE9及其以上是兼容的。

Answer 2

可以将数据存在localStorage或者sessionStorage， 然后判断如果缓存有数据的话直接取缓存的数据，否则去请求数据if(localStorage.cacheData){    this.data = localStorage.cacheData}else {    fetchData().then(res => {        ...请求数据    })}

Answer 3

简单点可以用cookie，当前最兼容的模式，不过容量有点少如果可能还是在localStorage或者sessionStorage更好如果开发app，则可以自己写本地文件、数据库等。