jquery - 使用 ajax 更新离线缓存

Question

我有一个使用 Ajax 获取内容的网站。

是否可以这样做：

1）在第一次请求时获取一些数据并存储在离线缓存中（我知道这个可以完成）

2) 使用 ajax 获取其他数据并将其添加到离线缓存存储中，以便下次用户在没有工作互联网连接的情况下将浏览器触发到我的 url 时，将显示最近获取的数据？

Answer 1

对的，这是可能的。

你可以做到这一点。

• 首先读取缓存中的内容。（存储的内容在键值对中）

你可以这样做

var storeObj = window.localStorage;
var string = storeObj.getItem(storeKey);

// 这将是字符串

如果需要，将其解析为 json。

                json = JSON.parse(string);

* 现在以字符串或 json 的形式附加你的结果。

// if by json
json["item"] = "newvalue";

• 现在按键清除存储

  storeObj.removeItem(storeKey);
  

• 现在将这个新的 json 存储回缓存

  storeObj.setItem(storeKey, JSON.stringify(json));