如何从JSON数据创建表

Question

JSON PART :

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

I need the above json to create a table in the following format.

HTML PART :

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

I need both header and body of table from json. Also only one part of the whole json will be shown as table, rest will be shown as normal fields.

Answer 1

You need to use JSON.parse to parse data from the server.

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

Answer 2

Try this method

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