如何從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數據創建表

回答

相關問題