将JSON从数组和对象解析为HTML表

Question

我有一个MySQL数据库，列有“名称”“服务”“成本”JSON中的输出给我这样：

"report": [{
        "Name": "John",
        "Service": "Hands",
        "Cost": "200"
    }]
}

我希望能够将其转换为html表格。我试过这个：

$(document).ready(function () {
    var json = url;
    var tr;
    for (var i = 0; i < json.length; i++) {
        tr = $('<tr/>');
        tr.append("<td>" + report.json[i].Name + "</td>");
        tr.append("<td>" + report.json[i].Service + "</td>");
        tr.append("<td>" + report.json[i].Cost + "</td>");
        $('table').append(tr);
    }
});

但是没有用，只因为我不知道我在做什么：）

有人能帮助我吗？ 谢谢！

Answer 1

$(function() { //equivalent to $(document).ready(...
 $.getJSON(url,function(data) {
   var report=data.report;
   // your code here
 });
});

了解getJSON和ajax。