javascript - 导航到新页面后无法读取本地存储

标签 javascript html local-storage

我正在尝试实现用于按页面导航的本地存储

我有一个网站,其中包含一些页面,全部位于一个文件夹中。

在一个页面中,我设置本地存储:

var myObject = { 'id': 1, 'price': 50.0, 'total': 3 };
localStorage.setItem('data', JSON.stringify(myObject));

在第一页中,我看到本地存储带有数据 - 没关系。但导航到第二页后,我在尝试读取时发现本地存储为空:

var localObject = localStorage.getItem('data');

不明白问题出在哪里。

最佳答案

您没有显示太多代码,但如果项目不存在,localStorage 不会抛出引用错误。

如果您导航到另一个域也没关系,因为在使用 getItemlocalStorage 只会返回 null (undefined 如果您使用了 localStorage[key])。

这表明您在代码中的其他地方遇到了与 localStorage 没有直接关系的问题。

但是您需要显示更多代码并告诉我们错误发生在哪一行。

此外,如评论中所述,您需要 JSON.parse 数据来重新创建您字符串化的对象。

关于javascript - 导航到新页面后无法读取本地存储,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17171098/

相关文章:

javascript - OnServerChange 事件未触发

html - 如何更新托管在 aws s3 上的网站的网页?

html - 制作 CSS X{text-transform :capitalize} to selectively leave some words uncapitalized

jquery - 如何通过 jQuery 和 localStorage 保存文本区域调整大小后的状态

javascript - 如何有效地将项目添加到 Chrome 存储 API 中的数组?

javascript - HTML5 : Changing the value of items in localStorage

javascript - 为什么我在jade中找不到app.locals

javascript - 将浮点值 chop (不四舍五入)至小数点后两位

javascript - 如何使用基于mysql的node js(ft.json解析)

javascript - 按 Enter 键,提交表单