Получение JSON данные в веб-хранилище не работает

Question

Можно создать дубликат:
Storing Objects in HTML5 localStorage

Я пытаюсь хранить данные в формате JSON, имя & 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; 

Что не так? Я получаю «undefined» в обоих полях.

Answer 1

Сохранить как это:

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

И нагрузки, как это:

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

Вы должны хранить объекты, как JSON в локальном хранилище.