json - 使用 JavaScript 从 JSON 数据生成完全通用/动态列表/表

Question

我正在为我的应用程序中的查询开发一个通用前端SQL，并希望提供一个显示查询结果的预览功能。

查询结果JSON以 Web 服务的格式返回，JSON布局当然因查询而异。

结果应该以完全动态的方式呈现，看起来像这样：

Column 1    Column 2    Column 3  
aaaaaaa     bbbbbbbb    ccccccc
.
.
.

无论是否使用模板库，都应在代码中生成列标题（来自 json 键）和行内容（来自 json 值）。

关于什么是最简单和/或最有效的方法有什么建议吗？

Answer 1

这样的事情应该做：

function createTableFromJson(json){
    var table = "<table><tr>";
    $.each(json.results[0], function(key, value){
        table+= "<th>" + key + "</th>";
    });
    table += "</tr>";
    $.each(json.results, function(key, value){
        table +="<tr>";
        $.each(value, function(k,v){
            table += "<td>" + v + "</td>";
        });
        table +="</tr>";
    });
    table += "</table>";
    return table;
}

查看此jsfiddle 以获取完整示例。