从Json响应中动态设置制表器标题和字段值

// 假设接收到的Json响应数据如下
var jsonResponse = {
  "title": "动物信息",
  "fields": [
    { "name": "name", "label": "名称" },
    { "name": "age", "label": "年龄" },
    { "name": "species", "label": "物种" }
  ],
  "data": [
    { "name": "狗", "age": 3, "species": "犬科" },
    { "name": "猫", "age": 5, "species": "猫科" },
    { "name": "鸟", "age": 2, "species": "鸟类" }
  ]
};

// 动态设置制表器标题
var tableTitle = document.getElementById("table-title");
tableTitle.innerText = jsonResponse.title;

// 动态设置制表器字段值
var tableBody = document.getElementById("table-body");
jsonResponse.fields.forEach(function(field) {
  var tableRow = document.createElement("tr");
  jsonResponse.data.forEach(function(data) {
    var tableData = document.createElement("td");
    tableData.innerText = data[field.name];
    tableRow.appendChild(tableData);
  });
  tableBody.appendChild(tableRow);
});