Question

我有一张桌子

<table class="cart-table core_storeCartProducts" data-minimal-order-price="0" data-products="{1912c6c3:{amount:1,id:1916,options:{}},17014bb1:{amount:1,id:3231,options:{}},0b2a5c4b:{amount:1,id:4122,options:{}}}">

，我需要从数据产品中获取ID，然后发送至cart.php。有人有什么主意吗？

Answer 1

获取元素属性并解析数据

var idList = [];
       var productArray = JSON.parse(document.getElementsByClassName("core_storeCartProducts")[0].getAttribute('data-products')); //get attribute and parse data  

       for (const i in productArray) {
          idList.push(productArray[i]['id']); //collect all product id
        }
        console.log(idList);
// pass idList to php using ajax

Answer 2

使用JQuery + JSON解析功能

var data = $("table").attr("data-products"); // get string
data = JSON.parse(data); // convert to JSON
var id = data.1912c6c3.id; // get id

现在通过AJAX将其发送到您的cart.php

$.ajax({
url: 'cart.php',
data: {idToSend: id},
success:function(response){
//handle the response
},
error: function(err){
// handle the error code
}
});

从HTML获取json和preapre数组以通过js发送

2 个答案: