所以我有 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";
}
最佳答案
不确定您的最终数据结构需求,但如果您想要多维数组:
var cartArray = []
function addToCart(product_array){
cartArray.push([product_array.title, product_array.img, product_array.price];
window.alert(cartArray);
}
关于javascript - JSON 将所选项目保存在数组中并传递到其他页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32468029/