访问JSON值会导致未定义

Question

我有以下JSON结构：

{

"headers":[
        {"title": "Action", "width": 3, "class": "centeralign"},
        {"title": "ID", "width": 4, "class": "leftAlign"},
        ..
        ..
    ],
"rows": [
            {"cells": [
                {"data": "Edit", "width": 3, "class": "centeralign"},
                {"data": "030194"},
                ..
                ..
           ]}
        ]
}

对于JSON中的每个“数据”，我都在动态生成表格单元格。这就是我所拥有的：

$.each(response.rows, function(index, rows){

    $("tr#columnData").append("<td>" + rows.cells.data + "</td>");
});

rows.cells.data导致“未定义”。

我做错了什么？

Answer 1

cells是JSON结构中的数组，因此您需要遍历它：

$.each(response.rows, function(index, row) {
    $.each(row.cells, function() {
        $('tr#columnData').append('<td>' + this.data + '</td>');
    });
});