Question

JSON PART：

{
    "1": {"JAN": {"ID": "1","Name": "Jim"}},
    "2": {"FEB": {"ID": "2","Name": "Jack" } },
    "Idname" : "2",
    "Date" : "01/28/2014",
    "State" : "1"
}

我需要上面的json以下列格式创建一个表。

HTML PART：

<table class="table">
<thead>
    <tr>
        <th>{{JAN}}</th>
    </tr>
</thead>                                
<tbody>
    <tr>
        <td>{{ID}}</td>
        <td>{{Name}}</td>
    </tr>
</tbody>
</table>

我需要来自json的表头和主体。整个json中只有一部分显示为表格，其余部分将显示为普通字段。

Answer 1

您需要使用JSON.parse来解析来自服务器的数据。

 s1 =  // required data store it here
 name: '1',
 data: JSON.parse("[" + s1 + "]")

Answer 2

试试这个方法

for (var i in json) {
    if (typeof (json[i]) == "object") {
        var month = json[i];
        var headd='';
        var bodyy='';
        for (var j in month) {
            headd='<th>'+j+'</th>';
            var tbody = month[j];
            bodyy='<tr><td>'+ tbody.ID + '</td><td>' + tbody.Name+'</td><tr>';

        }
        $("#head_t").append(headd)
        $("#body_t").append(bodyy)
    }
}

DEMO

如何从json数据创建表

2 个答案: