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

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，则可以自己写本地文件、数据库等。