将数据保存到本地存储

我试图在本地存储中设置一组变量，但函数没有运行，我试图获得值，但没有运气，如何保存本地存储中的字段？

function setPerson(){ var person = { 'name': getElementById('name'), 'photo': getElementById('photo')}; // Put the object into the storage alert(person); localStorage.setItem('person', JSON.stringify(person)); }; 

HTML在HTML中，我从字段中将值放入标记中并填充它们，但是当我尝试获取它们并保存它们时，没有任何事情发生……

我还尝试在那里输出固定值，然后显示警报，但是它只显示对象而不是值

 var testObject = { 'one': 1, 'two': 2, 'three': 3 }; // Put the object into storage localStorage.setItem('testObject', JSON.stringify(testObject)); // Retrieve the object from storage var retrievedObject = localStorage.getItem('testObject'); alert('retrievedObject: ', JSON.parse(retrievedObject));; 

Answer 1

您可以像这样使用localStorage：

 // Retrieve your data from locaStorage var saveData = JSON.parse(localStorage.saveData || null) || {}; // Store your data. function saveStuff(obj) { saveData.obj = obj; // saveData.foo = foo; saveData.time = new Date().getTime(); localStorage.saveData = JSON.stringify(saveData); } // Do something with your data. function loadStuff() { return saveData.obj || "default"; } 

的jsfiddle

Answer 2

首先，您应该使用console而不是alert 。

而且，如果你想在某个地方使用检索到的对象，你最好将它存储在一个变量中：

 var testObject = { 'one': 1, 'two': 2, 'three': 3 }; localStorage.setItem('testObject', JSON.stringify(testObject)); var retrievedObject = JSON.parse(localStorage.getItem('testObject')); console.log('retrievedObject: ', retrievedObject); 

Answer 3

W3C Schools为您提供有关如何使用html和本地存储的详细示例。

w3cSchools – 本地存储

Answer 4

应将getElementById更改为

  document.getElementById 

这也将为您提供整个DOM元素。 我假设你想要标签内的内容，所以我会说使用

  document.getElementById('name').innerHTML 

代替。 当您尝试对其进行字符串化时，仅引用DOM元素将为您提供循环结构错误。

我确认的示例代码有效：

     
Hello
 
photo
    

Answer 5

问题是getElementById返回一个HTML元素，它是一个对象。

然后， JSON.stringify将尝试迭代自己的属性。

但可能，它们没有（除非你手动添加它们）。

既然你说它们是字段，你可以尝试保存它的value ：

 var person = { name: document.getElementById('name').value, photo: document.getElementById('photo').value };