我正在尝试显示已存储在本地存储中的数组中的值。我已经能够将值存储在本地存储中,并在单击按钮时添加其他值,但我无法将值检索回来并在页面上显示它们。
这是我的代码,它将值添加到本地存储。
$("#player1Link").click(function() {
if (localStorage.getItem("player1Favourite") !== null) {
var a = JSON.parse(localStorage.getItem('player1Favourite'));
if (a.indexOf(chosenPlayerId) === -1) {
a.push(chosenPlayerId);
localStorage.setItem('player1Favourite', JSON.stringify(a));
alert("Pushed in");
} else {
alert("Already in favourites");
}
} else {
var a = [];
a.push(chosenPlayerId);
localStorage.setItem('player1Favourite', JSON.stringify(a));
}
})
我希望能够单击按钮来检索值并在页面上显示它们,但我可以找出要在此功能中使用的代码。
$("#playerRetrieve").click(function() {});
如果有人能提供帮助,我将不胜感激。
答案 0 :(得分:2)
我做了一个jsfiddle,似乎在那里工作:jsfiddle
尝试:
localStorage.getItem('player1Favourite');
或:
localStorage.player1Favourite
您可能想看看: this topic 或 Mozilla
答案 1 :(得分:1)
我不确定我是否理解正确,因为如果您只想检索值,可以使用相同的代码,只需从代码中删除插件并更改jQuery选择器。
$("#playerRetrieve").click(function() {
if (localStorage.getItem("player1Favourite") !== null) {
var a = JSON.parse(localStorage.getItem('player1Favourite'));
// Do what you want with the values, which are now in a.
}
});