使用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

代码的问题是当你似乎想要添加它时，你会一直覆盖queue_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+""); 

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