使用ajax更新脱机缓存

时间:2013-09-13 05:51:19

标签: jquery ajax html5 offline-caching

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

是否可以这样做:

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

2)使用ajax获取其他数据并将其添加到脱机缓存存储中,以便下次用户在没有可用的Internet连接的情况下将浏览器触发到我的URL时,将显示最近获取的数据?

1 个答案:

答案 0 :(得分:0)

是的,有可能。

你可以通过。

来做到这一点
  • 首先阅读缓存中的内容。 (存储的内容是键值对)

你可以通过

来做到这一点
var storeObj = window.localStorage;
var string = storeObj.getItem(storeKey);

//这将是字符串

如果你愿意的话,

将它解析成json。

                json = JSON.parse(string);

*现在通过字符串或json附加yor结果。

// if by json
json["item"] = "newvalue";
  • 现在按键清除存储

    storeObj.removeItem(storeKey);
    
  • 现在将这个新的json存储回缓存

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