javascript - 按照格式将json数据导出到html表中

Question

我需要将 json 数据以自定义格式导出到 html 表中。

 var data =[ { "ID":1, "Sl.No.":1, "325":25, "430":30, "2011":15, "1915":80 }, { "ID":1, "Sl.No.":2, "325":40, "430":30, "2011":20, "1915":100 }, { "ID":1, "Sl.No.":3, "325":40, "430":25, "2011":20, "1915":100 }, { "ID":1, "Sl.No.":4, "325":4, "430":2, "2011":1, "1915":20 }];

要求输出格式如下

ID Sl.No.<br/>
1 1 0325 25
1 1 0430 30
1 1 2011 15
1 1 1915 80
1 2 0325 40
1 2 0430 30
1 2 2011 20
1 2 1915 100
1 3 0325 40
1 3 0430 25
1 3 2011 20
1 3 1915 100
1 4 0325 4
1 4 0430 2
1 4 2011 1
1 4 1915 20

Answer 1

1. 尝试将 json 字符串解析为 javascript 对象数组(引用: deserialize from json to javascript object )
2. 使用for循环遍历每个数组值并创建一个表html 根据需要
3. 使用 jQuery 将 html 附加到您的 html 文档中追加(引用:http://api.jquery.com/append/)