在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輕鬆實現它。