javascript - 在 Web 存储中检索 JSON 数据不起作用

Question

可能重复：
在 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;

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

Answer 1

像这样保存：

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

并像这样加载：

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

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