jquery - 使用 jQuery 在表中追加 JSON 数据

Question

我有一张这样的桌子：

scan_time   credential  status      asset_code

value10     value12     value13     value14
value20     value22     value23     value24
value30     value23     value24     value25

我有一个这样的 JSON 数据：

[
  {
    "scan_time": "Oct. 18, 2013, 6:27 p.m",
    "credential": "iexactlyknow",
    "status": 1,
    "asset_code": "you10"
  },
  {
    "scan_time": "Oct. 18, 2013, 6:20 p.m",
    "credential": "302E32325F302E30",
    "status": 2,
    "asset_code": "10001"
  }
]

我想在表中附加 JSON 数据，如下所示：

scan_time                   credential         status       asset_code

Oct. 18, 2013, 6:27 p.m     iexactlyknow          1         you10
Oct. 18, 2013, 6:20 p.m     302E32325F302E3       2         10001
value10                     value12            value13      value14
value20                     value22            value23      value24
value30                     value23            value24      value25

有可能吗？

如果附加 2 行很困难，那么你可以考虑只附加 1 行，然后你可以考虑这样的数据：

[
  {
    "scan_time": "Oct. 18, 2013, 6:20 p.m",
    "credential": "302E32325F302E30",
    "status": 2,
    "asset_code": "10001"
  }
]

Answer 1

你可以很容易地做到这一点，请参见下面的代码。我没有输入所有列，而只是循环您的 json 数据并基本上填充模板并将生成的 html 应用到您的表中。

var $table = $("table#mytable");
function addRowsFromData(data) { //data is an array of objects as specified - parse json first
    var rows = "";
    $.each(data, function(i, val) {
        rows += "<tr><td>" + val.scan_time + "</td><td>" + val.credential + "</td>" + /*the rest of your columns*/ ;
    });
    $table.prepend(rows);
}