Question

我目前有一个产品页面，用户可以在其中添加商品。添加项目后，它会将产品ID存储在本地存储中。我希望能够将他们选择的所有项目添加到购物车页面，显示价格，名称和图像。我真的不知道如何解决这个问题，请你能帮助我。

每个产品都有唯一ID的数据结构：

{
  "products": [{
        "id": "0",
        "name": "Logitech G910 Orion Spectrum RGB Mechanical Gaming Keyboard - UK-Layout",
        "price": "119.99",
        "category": "0",
        "description": "Logitech 920-008017 G910 Orion Spectrum RGB Mechanical Gaming Keyboard - Black.",
        "images": [{
            "id": "0",
            "src": "images/00.jpg"
          },
          {
            "id": "1",
            "src": "images/01.jpg"
          },
          {
            "id": "2",
            "src": "images/02.jpg"
          }
        ]
      },

将项目添加到购物篮的代码：

$('#myTable').on('click', '.cartbutton', function() {
    var row = $(this).parents('tr');
    console.log(row.attr('id'), row.data('price')); 


    added.push(row.attr('id'));
    localStorage.setItem("cartItems", JSON.stringify(added));
    var storeddata=localStorage.getItem("cartItems");
    console.log(storeddata);   
  })

结果数组的一个示例：

["0", "0", "0", "1", "1"]

Answer 1

当您需要列出

等产品时，可以迭代数组

ax.legend(labels=[..list of labels..], bbox_to_anchor=(1.05, 1), loc=2, borderaxespad=0.)

使用Array中的id从JSON填充页面

1 个答案: