如何从JSON数据创建表

JSON PART：如何从JSON数据创建表

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

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

HTML部分：

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

我需要从JSON报头和身体表。也只有整个JSON的一部分将显示为表格，其余部分将显示为普通字段。

来源

2014-02-26 user3340300

您是否尝试过使用JSON.parse（）来？它会给你需要的数据。然后你可以但那成为thead或tbody – Nakul91

http://stackoverflow.com/questions/19718215/create-table-from-json-object-in-javascript –

我认为你必须看到handlebars.js，并使用JSON .parse解析来自服务器 –

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

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

来源

2014-02-26 06:07:52 Swetha

尝试此方法

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

来源

2014-02-26 06:23:52

我更新了json部分..请让我知道它的解决方案..检查这里的新问题http://stackoverflow.com/questions/22130859/creating-table-using- JSON数据 – user3340300

如何从JSON数据创建表

回答

相关问题