检索Web存储中的JSON数据不起作用

Question

  

可能重复：
  Storing Objects in HTML5 localStorage

我正在尝试存储JSON数据，名称＆amp;在两个文本字段中给出的phonenumber然后（在页面刷新之后）使用以下代码检索和打印相同字段上的数据。

        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。