Question

怎么在HTML中利用JS把JSON数据处理为表格

Answer 1

  <div id="treeList">
  </div>
  <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
  <script>
    // 假如这是返回的数据
    var jsonData = [
        {
            id : 1,
            name : 'aaa',
            sex : '男',
        },
        {
            id : 2,
            name : 'aab',
            sex : '女',
        }
    ]
    initTable();
    function initTable () {
        var html = '<table border=1>';
        for (var j in jsonData) {
            var obj = jsonData[j];
            html += '<tr>'
            html += '<td>' + obj.name + '</td>';
            html += '<td>' + obj.sex + '</td>';
            html += '</tr>'
        }
        html += '</table>';
         
        $('#treeList').append(html);
    }
     
    </script>