javascript - jQuery + 从 json 创建表

Question

我有一个 JSON 文件

{
  "Scenario"    : "ModelNameHere",
  "id"          : "1",
  "description" : "Description of table model goes here",
  "headers"     : {
     "Column 1 header" : {
       "order"      : 1,
       "items"      : {
         "Row 1 Col 1 value" : {
           "id"         : 1,
           "comment"    : "Comment on Row 1 Col 1",
           "order"      : 1
         },
         "Row 2 Col 2 value" : {
           "id"         : 2,
           "comment"    : "Comment on Row 2 Col 2",
           "order"      : 2
         }
       }  
     },
     "Column 2 header" : {
       "order"      : 2,
       "items"      : {
         "Row 1 Col 2 value" : {
           "id"         : 3,
           "comment"    : "Comment on Row 1 Col 2",
           "order"      : 1
         },
             "Row 2 Col 2 value" : {
           "id"         : 4,
           "comment"    : "Comment on Row 2 Col 2",
           "order"      : 2
         }
       }  
     }
  }
}

我想使用 jQuery 将 JSON 数据放入 HTML 表格中。

标题应该放在 TH td 项中，标题中的项应该是每个相关行的 TD 中的元素。

JS 或 jQuery 中是否有函数可以用 JSON 数据填充表格？

我将如何遍历 JSON 元素并将其匹配到表格元素？

谢谢。

Answer 1

不，没有这样的函数，因为它是一个真正的特定于情境的函数。

虽然写起来很容易。
您可以将 JSON 作为普通的 JS 对象进行访问。
这意味着您可以遍历它并将信息放在正确的位置。