如何在javaScript中保存/持久化和访问客户端数据？

Question

如何在javaScript中保存/持久化和访问客户端数据：Jquery？

我正在使用Jquery的jsTree组件：JavaScript。

在jstree的bind（）中，选择节点后我想保存“数据”

Answer 1

您可能需要查看localStorage。

您可以在客户端计算机上存储数据，如下所示：

var data = { name: 'Bob', age: 12 };
Window.localStorage.setItem('person', data);

然后，在同一域中的其他页面上，您可以检索此数据：

var data = Window.localStorage.getItem('person');

请注意，虽然某些浏览器安全设置会禁用localStorage，因此它可能无法在所有情况下都有效。

在此处阅读更多内容：https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

另一种选择是使用cookies。

document.cookie = "name=Bob";
document.cookie = "age=12";
console.log(document.cookie); // displays: name=Bob;age=12

Answer 2

正如@Tom所提到的，Localstorage工作正常。

在客户端上存储数据的另一种方法是：（IndexedDB）

此存储系统使用键/值机制在客户端存储数据。

“IndexedDB是一个大规模的NoSQL存储系统。它允许您在用户的浏览器中存储任何内容。除了通常的搜索，获取和放置操作之外，IndexedDB还支持事务。” Google

在MDN上定义IndexedDB：

IndexedDB是一个低级API，用于存储大量结构化数据（包括文件/ blob）的客户端。此API使用索引来启用对此数据的高性能搜索。虽然DOM存储对于存储较少量的数据很有用，但对于存储大量结构化数据却没那么有用。 IndexedDB提供了一个解决方案。“