使用Ajax成功函数循环返回的对象,输出到表

时间:2016-09-07 14:05:30

标签: javascript jquery ajax object

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

My current console output

到目前为止我目前的成功功能如下:

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函数来说相对简单,但是在这种情况下我无法将脑包裹起来。

1 个答案:

答案 0 :(得分:3)

你必须再次进行内循环以生成所有记录的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);
  });