javascript - 使用 JavaScript 解析 JSON 以构建 HTML 字符串

Question

我目前已经构建了一个 API，用于发布对象的 JSON 字符串。 JSON 的一个简单示例是:

[ {
  "id" : 0,
  "name" : "test SAMPLE Att1 name",
  "attributes" : [ {
    "id" : -1,
    "name" : "AttKey1",
    "value" : "AttValue1"
  }, {
    "id" : -1,
    "name" : "AttKey2",
    "value" : "AttValue2"
  } ]
} ]

我的问题在于我的客户端代码:

function loadSamples() {
  $("#content").children().remove();
  $.getJSON("/api/samples", function (data) {
    $.each(data, function (key, val) {
      $("<tr><td>" + val.id + "</td><td>" + val.name + "</td><td>" + val.attributes + "</td>" +
        "</tr>").appendTo("#content");
    });
    initCallbacks();
  });
}

我正在遍历我发送的每个样本(在本例中只有一个，并将字段值附加到 HTML 字符串。我如何遍历 attributes 并附加每个 attribute.key 和 attribute.value 到字符串？

当前问题的图片:

Answer 1

您可以尝试使用此代码代替 val.attributes

$.map(val.attributes, function(item){
   return item.key + ':' +item.value;
}).join(',')