将数组存储到localStorage中，每次点击一个按钮

我想在单击按钮到lolalStorage时保存每个ID。将数组存储到localStorage中，每次点击一个按钮

$("li").on("click", "a", function(){ 
    var test = {"id": id, "name":name}; 
    localStorage.setItem("test", JSON.stringify(test)); 
});

但是在页面重新加载时，我只能得到一个id。

来源

2013-11-21 leeshin

如果您存储的数据相同的变量例如'test'，那么你只会存储一个对象，最后一个被保存。您需要使用可能基于对象ID的不同键，以存储不同的对象并能够检索它们。 – melc

您在每次点击时覆盖同一项目，因此您只能存储最后一个。 test是这个价值的关键。

你有两个选择：

1.-使用id存储在localStorage的信息或产生与信息的新对象。

使用id为localStorage的关键：

$("li").on("click", "a", function(){ 
    localStorage.setItem(id, name); 
});

这样，你不知道哪个ID的你已经在本地存储，所以它的复杂事后检索信息。

2.-另一种选择是保存一个包含所有键值对象的数组。您将只存储一个对象的localStorage包含多个对象：

$("li").on("click", "a", function(){ 
    var test = localStorage.getItem("test"); 
    var obj = []; 
    if(test){ 
     obj= JSON.parse(test); 
    } 
    obj.push({"id": id, "name":name}); 
    localStorage.setItem("test",JSON.stringify(obj)); 
});

所以后来检索信息是因为这样做很容易：

var test = JSON.parse(localStorage.getItem("test")); // Returns array with multiple objects

http://jsfiddle.net/CgpeF/

来源

2013-11-21 15:45:08 margabit

如果我要使用选项编号1，我该如何检索该值？ – leeshin

这就是我在评论中指出的。你可能不会知道你已经存储了哪个ID .. – margabit

嗨，你的解释是有道理的，但是使用方法推送有一个错误。 – leeshin

由于localStorage每次都使用相同的密钥“test”，因此每次点击都覆盖相同的值。尝试使用

localStorage.setItem(id, name);

来源

2013-11-21 15:43:14

将数组存储到localStorage中，每次点击一个按钮

回答

相关问题