使用HTML5缓存JSON对象

首先，我想说的是，我是一名实习生，在技术领域几乎没有经验，所以如果我的问题的答案似乎显而易见，我很抱歉。几天来，我一直在努力寻找答案，但几乎没有什么可以证明的

我的项目是开发一个电话号码簿。我现在想做的是有一个频繁搜索框，显示自从用户开始使用应用程序以来搜索的前十名。我计划使用以下信息创建一个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文件，但是如何缓存上面列出的代码，以便存储数据并在第二次访问页面之前将其打开？

您可以使用Firefox 3.5、IE 8和Chrome 4及更高版本支持的本地存储。要将缓存保存到本地存储，请执行以下操作：

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

要检索它，请执行以下操作：

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

---

请注意，在本地存储中只能存储字符串，而不能存储任何类型的对象。如果愿意，可以将

jsoncache

键更改为其他键。

我不完全了解如何创建、维护和检索对象，但是如果通过Ajax加载对象，可以使用HTTP缓存

如果只想将其存储在本地，则可以使用

localStorage

（只有较新的浏览器支持此功能）：

---

世上没有。。。啊，算了吧

：）

哈哈。。就像我说的，我对这个很陌生。。。但是你的权利。放手也许是件好事；）。谢谢：）。您的答案和上面的答案对我来说非常清楚。在这种情况下，jsoncache是同一目录中的.txt文件吗？它的实现定义为本地存储的物理存储方式。我认为大多数浏览器都会使用某种数据库，因为这样会更快。在任何情况下，浏览器都不太可能使用一个文本文件，每个键，每个页面。我的json对象有15 MB，还有其他可用的缓存吗？

// Serialize and store
localeStorage['topten'] = JSON.stringify(myJSONObject)

// Retrieve and deserialize
var myJSONObject = JSON.parse(localeStorage['topten'])