jquery - 使用 jQuery/Ajax 将 JSON 文件数据存储在 localStorage 中

Question

我有这个 JSON 文件:

[{
    "shop_name": "shop1",
    "queue_current_number": "1"
}, {
    "shop_name": "shop2",
    "queue_current_number": "2"
}, {
    "shop_name": "shop3",
    "queue_current_number": "3"
}, {
    "shop_name": "shop4",
    "queue_current_number": "4"
}]

我正在使用 ajax/jQuery 从 JSON 文件中获取结果，因此保存到本地存储中:

$.ajax({
    type: "GET",
    url: "myPage.php",
    dataType: 'html',     
    success: function(data) { 
        data = JSON.parse(data); 
        data.forEach(function(dataItem){
            var queue_current_number = dataItem.queue_current_number;
            localStorage.setItem("queue_current_number", ""+queue_current_number+"");
        });
    }
});

localStorage 结果应该 > 1234

相反，我的结果是 > 1

我的错误是什么？

谢谢!

Answer 1

代码的问题在于，当您似乎想要添加到队列_current_number 时，您会一直覆盖它。尝试

var queue_current_number = ""; 
data.forEach(function(dataItem){ 
  queue_current_number += dataItem.queue_current_number; 
});   
localStorage.setItem("queue_current_number", ""+queue_current_number+""); 

这会将所有值连接成一个字符串并存储一次，而不是继续覆盖值。