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

Question

我正在尝试实施local storage按页面导航。

我有一个包含一些页面的网站，全部在一个文件夹中。

在一个页面中，我正在设置本地存储：

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

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

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

无法理解问题出在哪里。

Answer 1

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

导航到其他域并不重要，因为localStorage在使用null时会返回getItem（undefined如果您使用localStorage[key]）

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

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

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