在JavaScript中循环浏览json数据

Question

这与this question类似，但为了让自己更清楚，我认为我有点不同。 我有这个json从$ .ajax调用返回：

{“COLUMNS”：[“PERSONID”，“FIRSTNAME”，“LASTNAME”]，“DATA”：[[1001，“Scott”，“ Wimmer“]，[1002，”Phillip“，”Senn“]，[1003，”Paul“，”Nielsen“]]}

问：在JavaScript中，我该如何解析表格， ：

<table> 
<thead> 
    <tr> 
    <th>PersonID</th> 
    <th>First Name</th> 
    <th>Last Name</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
    <td>1001</td> 
    <td>Scott</td> 
    <td>Wimmer</td> 
    </tr> 
    <tr> 
    <td>1002</td> 
    <td>Phillip</td> 
    <td>Senn</td> 
    </tr> 
    <tr> 
    <td>1003</td> 
    <td>Paul</td> 
    <td>Nielsen</td> 
    </tr> 
</tbody> 
</table> 

Answer 1

var yourJson = {"COLUMNS":["PERSONID","FIRSTNAME","LASTNAME"],"DATA":[[1001,"Scott","Wimmer"],[1002,"Phillip","Senn"],[1003,"Paul","Nielsen"]];  
var table = '<table>'; 

table += '<thead><tr><th>' + yourJson.COLUMNS.join('</th><th>') + '</th></tr></thead>'; 
table += '<tbody>'; 

for (var i=0;i<yourJson.DATA.length;i++) { 
    table += '<tr><td>' + yourJson.DATA[i].join('</td><td>') + '</td></tr>'; 
}; 

table += '</tbody>'; 
table += '</table>'; 

Answer 2

您可以使用客户端模板引擎，如jTemplates或pure轻松实现它。