javascript - 在 HTML5 本地存储中存储一个 javascript 对象

Question

我想在 HTML5 本地存储中存储一个 JavaScript 对象。

sessionStorage.setItem("localObj",this);

我在函数中使用上面的语句。该对象包含 HTML 标记。我既不能将它转换为字符串也不能转换为 JSON。我该如何处理？

Answer 1

You have to first convert the object into json and then store in local storage. And when you want to reuse the stored data you have to deserialize the json string into javascript object and it will work fine.

Working Sample

function setValue() {
    var obj = new user();
    var jsonObject = JSON.stringify(obj);
    sessionStorage.setItem("Gupta", jsonObject);
    getValue();
}

function user() {
    this.Name = "rahul";
    this.Age = 20;       
}

function getValue() {
    var json_string = sessionStorage.getItem("Gupta");
    var obj = JSON.parse(json_string)
    alert("Name = "+obj.Name + ", Age = " + obj.Age);
}