使用 JavaScript 或 jQuery 存储跨页面持久存在的数据答案

【问题标题】：Store data that persist across page using JavaScript or jQuery使用 JavaScript 或 jQuery 存储跨页面持久存在的数据
【发布时间】：2017-04-05 20:42:03
【问题描述】：

我在 SPA 工作，我需要将用户输入存储在变量中并在其他页面中使用相同的变量。我的视图是用 Javascript 构建的，而控制器是用 C# 构建的。

我发现了 Js-Cookie (https://github.com/js-cookie/js-cookie) 。我能够存储数据并跨屏幕使用它。这实际上将数据存储在 cookie 中，因此如果用户在浏览器中禁用 cookie，那么这将不起作用。

有没有其他方法来存储数据。就像在 Asp.net 应用程序中一样，我们有会话。有没有类似的概念？

感谢您的帮助。

谢谢，

【问题讨论】：

标签： javascript jquery session cookies session-cookies

【解决方案1】：

你可以使用 sessionStorage 或 localStorage

像这样

（使数据在会话中保持不变）： sessionStorage.setItem('key1', 'val1'); //将值'val1'保存在'key1'下 sessionStorage.getItem('key1'); //返回'key1'相关的值，这里是'val1'

（使数据在多个会话中保持不变） localStorage.setItem('key1', 'val1'); localStorage.getItem('key1');

还可以尝试“superCookie”以获得更粘的解决方案希望对你有帮助:)

【讨论】：

值得记住的是，当用户处于隐私浏览模式时，localStorage 在 iOS Safari 上会失败，因此 cookie 回退是个好主意。
我同意，使用 cookie 作为 local/ses-storage 的后备，并使用 local/ses-storage 作为 cookie 的后备
谢谢@mkelle。我的用户主要使用 IE 。所以这应该没有任何问题。