javascript - 将 JSON 对象解析为 HTML 表

Question

我正在为我的服务器开发不和谐机器人，我想在 html 页面上显示版主成员数据，但是当我尝试将数据提取到 html 时它不起作用

我希望它看起来像； 点击查看图片

我的数据示例：

{
"753145456653238272":{"registrar":71, "totaljoin": 15}, //long numbers = member id.
"781953840642654259":{"registrar":4, "totaljoin": 9},
"826542706083495986":{"registrar":5, "totaljoin": 5}
}

HTML 页面是

<table id="report" class="table table-bordered table-striped table-hover js-basic-example dataTable">
        <thead>
            <tr>
                <th>Id</th>
                <th>Total Register</th>
                <th>Total Join</th>           
            </tr>
        </thead>
        <tbody>         
        </tbody>
</table>
<script>
    app.viewReport();      
</script>

和 JAVASCRIPT

viewReport : function() {
               $.ajax({
                url: "http://localhost/api/data/",
                dataType: "json",
                method : 'GET',
                success : function(data){
                 for (var i = 0; i < data.length; i++) {
                    tr = $('<tr/>');
                    tr.append("<td>" + data[i].id+ "</td>");
                    tr.append("<td>" + data[i].registrar+ "</td>");
                    tr.append("<td>" + data[i].totaljoin+ "</td>");  
                    $('#report tbody').append(tr);
                }               
                }           
                /*$.each(data,function(i,item){
                            $('#report tr.odd').remove();
                            $("#report tbody").append(
                                "<tr>"
                                    +"<td>"+item.id+"</td>"
                                    +"<td>"+item.registrar+"</td>"
                                    +"<td>"+item.totaljoin+"</td>"                                                       
                                +"</tr>" )
                            })  
                }*/
    })
    }, 

标签： javascripthtmljqueryjson