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

Jquery 如何在javaScript中保存/持久化和访问客户端数据?,jquery,Jquery,如何在javaScript:Jquery中保存/持久化和访问客户端数据 我正在使用Jquery:JavaScript的jsTree组件 在jstree的bind()中,在选择了要保存“数据”的节点后,您可能需要查看 您可以像这样在客户端计算机上存储数据: var data = { name: 'Bob', age: 12 }; Window.localStorage.setItem('person', data); 然后,在同一域中的不同页面上,您可以检索以下数据: var data = Wi

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

我正在使用Jquery:JavaScript的jsTree组件


在jstree的bind()中,在选择了要保存“数据”的节点后,您可能需要查看

您可以像这样在客户端计算机上存储数据:

var data = { name: 'Bob', age: 12 };
Window.localStorage.setItem('person', data);
然后,在同一域中的不同页面上,您可以检索以下数据:

var data = Window.localStorage.getItem('person');
但请注意,某些浏览器安全设置禁用了localStorage,因此它可能无法在所有情况下工作

这里有更多的阅读:

另一种选择是使用


正如@Tom提到的,Localstorage工作得很好

在客户端上存储数据的另一种方法是:(IndexedDB)

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

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

MDN上IndexedDB的定义:


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

@scaisEdge错误,Web存储API就是为此而设计的。
document.cookie = "name=Bob";
document.cookie = "age=12";
console.log(document.cookie); // displays: name=Bob;age=12