在 Web 存储中检索 JSON 数据不起作用 [重复]答案

【问题标题】：Retrieving JSON data in web storage not working [duplicate]在 Web 存储中检索 JSON 数据不起作用 [重复]
【发布时间】：2012-11-06 21:59:41
【问题描述】：

可能重复：
Storing Objects in HTML5 localStorage

我正在尝试将 JSON 数据、姓名和电话号码存储在两个文本字段中，然后稍后（在页面刷新后）使用以下代码检索并打印相同字段上的数据。

        function saveData() {
            var saveD = { 
                name: document.getElementById("name").value,
                phone: document.getElementById("phone").value
            }; 

            window.localStorage.setItem("info", saveD);
        } 
        var storedData = window.localStorage.getItem("info");

        document.getElementById("name").value = storedData.name;
        document.getElementById("phone").value = storedData.phone;

怎么了？我在两个字段上都得到“未定义”。

【问题讨论】：

您正在尝试存储一个对象，而不是 JSON。如果您正确地将对象与 JSON 进行转换，它将起作用。
感谢您的回答！ @Bankzilla，我该怎么做？
点击正确答案旁边的复选标记。

标签： javascript json web-storage

【解决方案1】：

像这样保存：

window.localStorage.setItem("info", JSON.stringify(saveD));

并像这样加载：

var storedData = JSON.parse(window.localStorage.getItem("info"));

您必须将对象作为 JSON 存储在本地存储中。

【讨论】：

谢谢！那行得通！我之前尝试过使用 JSON.stringify 但不知道 JSON.parse ......这就是它不起作用的原因......
谢谢！这就是我需要的，我只用了 4 秒就找到了 :)