JSON将所选项目保存在数组中并传递到其他页面

Question

所以我有 2 页。 在一个表中，我有一个从 JSON 页面获取数据的表，并且我在每一行上插入了一个按钮，每当单击该按钮时，它都应该在数组中获取该项目。 然后，该数组应该在第二页上给出结果。

我可以毫无问题地从 JSON 中获取信息，但无法将信息存储在数组中。有人能帮我吗？我是 JavaScript 新手。

第 1 页：

 <script>

<!-- Retrieve data from file -->
var products=[];
var cartArray=[];
var product_array=[];
$.getJSON('products.json',function(data){
    $.each(data.products, function(i, f){
        var img = f.image_url;
        var title = f.title;
        var price = f.price;
        var old_price = f.old_price;
        product_array.push([img, title, price]);

        var tblCell = "<tr><td class='prod_container'><tr><td class='prod_img_container'><img class='prod_img' src=" + img + "></td></tr>" + "<tr class='title_container'><td class='title'>" + title + "</td></tr>" + "<tr class='price_container'><td class='price'>" + price + "</td>" + "<td class='price_org'>" + old_price + "</td>" + "<td class='add_cart'><img class='add_cart_img' src='img/buynow-green-6.png' onClick='addToCart()'>" + "</td></tr>"

        $(tblCell).appendTo("#list_products tbody");
    });
}); 

<!-- Add To Cart -->
function addToCart(){
    cartArray.push([product_array.title, product_array.img, product_array.price]);
    window.alert(cartArray);
}

<!-- Store and go to checkout -->
function goToCheckout(){

    $('#store').on('click', function(){
        localStorage.cartArray = cartArray;


    });

    window.location.href="cart.html";

}

Answer 1

不确定你最终需要的数据结构，但如果你想要一个多维数组：

var cartArray = []
function addToCart(product_array){
    cartArray.push([product_array.title, product_array.img, product_array.price];
    window.alert(cartArray);
}