使用HTML5缓存JSON对象

Question

首先,我想提一下我是一名在技术领域几乎没有经验的实习生,所以如果我的问题的答案显而易见,我很抱歉.我已经试着在几天内找到一个答案而且几乎没有表现出来.

我的项目是开发电话簿.我现在要做的是有一个经常搜索的框,显示自用户开始使用应用程序以来的前十个搜索名称.我计划使用以下信息创建一个JSON对象,然后客户端缓存结果:

var myJSONObject = {"searched": [       {"firstname":firstName,"lastname":lastName,"PK":pk,"phone":phonenumber,"email":emailaddress,"bu":businessunit,"company":company,"building":building, "fax":fax, "timesvisited":"accumulator to keep track of visits to the name"}

]};

我现在正在弄清楚如何缓存JSON对象.我创建了一个清单文件,我知道如何缓存某些文件,例如css文件,但是如何缓存某些内容,例如上面列出的代码,以便存储数据,并且可以在第二次访问页面之前调出？

Answer 1

您可以使用Firefox 3.5,IE 8和Chrome 4及更高版本支持的本地存储.要将缓存保存到本地存储:

localStorage['jsoncache'] = JSON.stringify(myJSONObject);

要检索它:

myJSONObject = JSON.parse(localStorage['jsoncache']);

请注意,您只能在本地存储中存储字符串,而不能存储任何类型的对象.jsoncache如果您愿意,可以将密钥更改为其他密钥.