通过函数编辑HTML5 LocalStorage

时间:2013-08-19 15:03:43

标签: json local-storage

我希望能够添加“忽略列表”,并将结果保存在用户浏览器中。

忽略列表保存为JSON数组,如下所示:

[{"username":"test_user","date_added":"19/08/13","description":"Don't like this person."},{"username":"test_user_2","date_added":"19/08/13","description":"Don't like this person."}]

添加用户所需的功能如下所示:

function add_to_ignore_list()
{
    var ignored_users = localStorage.getItem("ignore_list"); // returns ignore list
    var username = return_current_username(); // returns test_user3
    var date = return_current_date(); // returns 19/08/13
    var description = prompt("Why do you want to ignore this user?"); // returns desc

    add_to_list = {
        "username" : username,
        "date_added" : date, 
        "description" : description
    };
    ignored_users.push(add_to_list);
    localStorage["ignore_list"] = JSON.stringify(ignored_users);
    $(".user_wrapper").css("background-color","#B40404");
}

由于某种原因,它不起作用,我不明白为什么请帮助。

1 个答案:

答案 0 :(得分:0)

ignored_users存储为字符串。

从localStorage检索时,需要在使用它之前对其进行解析。

变化:

var ignored_users = localStorage.getItem("ignore_list");

to(假设它先前已存储过):

var ignored_users = JSON.parse(localStorage.getItem("ignore_list"));