如何使用 JQuery 以表格形式打印通用 json 结果

How to make generic json result print in table form with JQuery?

本文关键字:json 结果 式打印 何使用 JQuery 表格      更新时间:2023-09-26

我需要/或必须创建一个通用函数,该函数将采用通用的Json结果,并按照返回json的顺序以表格格式打印。

例如,JSON可能有一次列"A"B"和"C",具有不同的值,而"D","F"和"G"则具有不同的值。

它应该以表格格式打印,我们将如何制作这样一个通用脚本? 还是有可用的?

更新:

我已经在谷歌上寻找了一个插件/一种方法来做到这一点,但找不到任何有用的东西。我不是要求你为我编码/为我修复它!给我一个前进的方向,@Ji_in_coding在他的回答中给出了一个很好的暗示,通过做一个桌子来自己做......也许会有一种方法可以使用 JQuery 打印该特定div

考虑一个简单的 Json 对象,互联网上应该有很多例子。

<body>
    <div id="test">
    </div>
</body>
<script>
    function jsonToTable(jsonObject){
        result = "<table>";
        for(var item in jsonObject){
            result += "<tr><td>" + item + "</td><td>" + jsonObject[item] + "</td></tr>";
        }
        result += "</table>";
        return result;
    }
    var table = jsonToTable({'cost1':12345.66, 'cost2':10.20});
    document.getElementById('test').innerHTML = table;
</script>