JavaScript의 json 데이터를 통해 루핑

Question

이것은 this question과 비슷하지만 좀 더 분명하게하기 위해 조금 다르게 다룰 것이라고 생각했습니다. 나는이 json을 $ .ajax 전화에서 다시 보내왔다.

{ "열 이름": [ "개인", "성", "데이터": [[1001, "스콧" "1002,"Paul ","Nielsen "]]

Q : 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가 쉽게 달성하기 위해 클라이언트 측 템플릿 엔진을 사용할 수 있습니다.