2012-11-19 81 views
1

可能重複:
Storing Objects in HTML5 localStorage在網絡存儲檢索JSON數據不能正常工作

我試圖存儲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; 

出了什麼問題?我在兩個領域都得到「未定義」。

+1

您正試圖存儲一個對象,而不是JSON。如果您正確地將對象轉換爲JSON並從中轉換,它將會工作。 –

+0

感謝您的回答! @Bankzilla,我該怎麼做? –

+1

單擊正確答案旁邊的複選標記。 – teddybeard

回答

5

保存這樣的:

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

和負載是這樣的:

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

你必須存儲在本地存儲對象爲JSON。

+0

謝謝!這工作!我試圖使用JSON.stringify之前,但不知道JSON.parse ....這就是爲什麼它不工作... –

+0

Thaks!這是我需要的,我發現它只需4秒鐘:) –