在本地存储 json 数据，我应该使用 cookie 还是 html5 本地存储

Question

我已经开始使用 jquery mobile 开发移动网站。由于我必须在多个页面上携带一些 json 数据，我想知道什么是更好的方法，将 json 数据存储在 cookie 中或使用 html5 本地存储。两种方法都将使用 jquery。

场景如下：

1. Home 控制器以 json 形式返回一些初始数据
2. 用户从初始列表中选择一些
3. 用户选择应立即存储在本地存储中
4. 在不同页面上进一步导航时，这些数据应该可用（从本地存储中检索）

Answer 1

这两种方法都行得通。使用哪一个的决定归结为以下几点：

• 您需要访问服务器上的 JSON 数据吗？如果是这样，使用 cookie 会更简单（否则您必须编写页面脚本以在服务器需要时手动发送 JSON）。或者，如果您很少/从不需要服务器上的 JSON 数据，则可以使用本地存储节省一些带宽。

• 您需要存储大量数据吗？使用 cookie，每个 cookie 的大小限制为 4K。使用本地存储，您可以访问 5 MB 的空间。

• 您是否担心支持较旧的浏览器版本，或一些不支持 HTML5 的深奥/不太流行的浏览器？ Cookie 将适用于比本地存储更广泛的浏览器。

在这里进一步讨论：Local Storage vs Cookies

Answer 2

localStorage 比 cookie 更能满足您的需求。

Cookie 在每个页面加载期间向HTTP 发送请求。