如何将本地存储的JSONstringify对象打印到html中?

时间:2014-12-16 16:43:23

标签: javascript html5

如果我有:

var Store = localStorage("Storage", JSON.stringify({
  name: "Bob",
  age: 30
}));

如何使用JavaScript打印内容? 我也问了这个问题:https://stackoverflow.com/questions/27502969/how-to-load-the-localstorage-json-strinigfy-objects-to-html-rows,但到目前为止还没有回复。我想在这里更多地简化我的问题。

2 个答案:

答案 0 :(得分:0)

您需要在localStorage对象上调用.getItem()或.setItem()。

保存对象

localStorage.setItem('Storage', JSON.stringify({ name: 'Bob', age: 30}));

检索对象

var obj = JSON.parse(localStorage.getItem('Storage'));

打印已保存在本地存储空间中的项目

var obj = localStorage.getItem('Storage'); // Get the item
console.log(obj) // The item is currently a String
console.dir(JSON.parse(obj)) // JSON.parse converts the String into an Object

答案 1 :(得分:0)

localStorage不是一个功能。这是一个简单的对象,可以“字符串化”。

要设置存储值,请写:localStorage[ "Storage" ] = { name: "Bob", age: 30 };

为了得到它,写道: var Store = JSON.stringify( localStorage[ "Storage" ] );

然后打印出来: document.getElementById("myElement").innerHTML = Store;