使用jquery/ajax在localstorage中存储json文件数据

o7jaxewo  于 2021-06-20  发布在  Mysql
关注(0)|答案(1)|浏览(404)

我有这个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+"");
        });
    }
});

本地存储结果应大于1234
相反,我的结果是>1
我犯了什么错?
谢谢!

toiithl6

toiithl61#

代码的问题是,当您似乎想添加到队列\当前\号时,会一直覆盖该队列\当前\号。尝试

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

这将把所有的值连接到一个字符串中并存储一次,而不是一直重写值。

相关问题