无法使用 jQuery 遍历 JSON 数组

Question

我知道这个问题已经被问过很多次了，但是每次我得到未定义的变量时，我都会卡在某个地方来获取数据。有人可以帮助使用 jquery ajax 遍历 JSON 数据。

[  
 {  
  "Orderdetails":[  
     {  
        "errorMsg":"success",
        "customername":"Walk In Customer",
        "grandtotal":"1496.00",
        "outletname":"Pradhan Ji Mobile",
        "paymentmethodname":"Cash",
        "customer_id":"1",
        "outlet_id":"13"
     }
  ]
},
{  
  "product":[  
     {  
        "product_name":"Tripr Printed Men V-neck Multicolor T-Shirt",
        "product_code":"5674664",
        "price":"374.00",
        "qty":"2"
     },
     {  
        "product_name":"Tripr Printed Men V-neck Multicolor T-Shirt",
        "product_code":"5674665",
        "price":"374.00",
        "qty":"1"
     },
     {  
        "product_name":"Tripr Printed Men V-neck Multicolor T-Shirt",
        "product_code":"5674666",
        "price":"374.00",
        "qty":"1"
     }
  ]
 }
]

提前致谢。

Answer 1

如果你想获取 customer_id 的意思，试试data[0].Orderdetails[0].customer_id 其中数据将是 JSON。

Answer 2

您获得的对象是 2 个对象的列表 Orderdetails 和 product 都包含另一个列表。如果你想得到customer_idout of Orderdetails，你可以这样做。

// let's assume the list is called jsonList.

// Orderdetails is an element of the first list
const orderdetails = jsonList[0].Orderdetails;

// Then get the customer_id out of the first list in Orderdetails
const customer_id = Orderdetails[0].customer_id;

或者所有这些都用更短的方式

const customer_id = jsonList[0].Orderdetails[0].customer_id;

编辑

如果您想遍历product，请使用.forEach()

// get the list product
const product = jsonList[0].product;

// iterate through it with forEach()
product.forEach( element => {

    // you now have access to the fields of each single element of the list
    console.log('product_name', element.product_name);
    console.log('product_code', element.product_code);

    // .. and so on

});