javascript - 使用 Ajax 成功函数遍历返回的对象，输出到表

Question

控制台输出是我当前通过 ajax 返回的数据。在这个例子中，返回了 2 个对象。基本上，对于返回的每个对象，我想将值输出/附加到新的表行。在这种情况下，显然会有 2 <tr> ... </tr>实例。

到目前为止，我当前的成功函数如下所示:

success: function(data){
  // console.log(data);
  $.each(data, function(index, value) {
      $("tbody").append("<tr><td></td><td></td><td></td><td></td><td></td><td></td></tr>");
  });
}

我在尝试访问每个对象中的每个值时遇到问题。我知道这对于 .each 函数来说相对简单，但在这种情况下我无法全神贯注。

Answer 1

您必须再次执行内部循环才能为所有记录生成 td。

$.each(data, function(index, values) {
      var tr="<tr>";
       $.each(values, function(i,v){
           tr= tr+ "<td>"+v+"</td>";
       });
        tr= tr+ "</tr>";
      $("tbody").append(tr);
  });