Question

我生成一个如下所示的JSON：

TEXT

如何从所有键中获取值并将其放入表中？这就是我已经得到的......

var link_trailer =  JSON.parse(data).trailers.youtube[0].source;

Answer 1

您就在那里，使用response.attendees[i]获取单个属性而不是response.attendees

$('tbody').append('<tr><td>'+ response.attendees[i]["name"] + '</td><td>'+ response.attendees[i]["prename"] + '</td><td>' + response.attendees[i]["datum"] + '</td></tr>');

Answer 2

如果您未通过Size，则必须使用export const sizes = { small: 'small', medium: 'medium', large: 'large', big: 'big', huge: 'huge', }; export type Size = $Keys<typeof sizes>;对其进行解析，然后您可以使用dataType:json

进行访问

JSON.parse

Answer 3

您需要在循环中引用数组索引。

for (i = 0; i < response.attendees.length; i++){
    console.log(i);

    console.log(response.attendees[i]["name"]);

}

Answer 4

您需要在for循环迭代中提及i的增量值

＆＃13;

var response = {
  "attendees": [{
      "datum": "Tue, 11 Apr 2017 00:00:00 GMT",
      "name": " Muylaert-Geleir",
      "prename": "Alexander"
    },
    {
      "datum": "Wed, 12 Apr 2017 00:00:00 GMT",
      "name": " Obolina",
      "prename": "Angelina"
    },
    {
      "datum": "Thu, 13 Apr 2017 00:00:00 GMT",
      "name": " Obolina",
      "prename": "Angelina"
    },
  ]
}

for (i = 0; i < response.attendees.length; i++) {
  $('tbody').append('<tr><td>' + response.attendees[i]["name"] + '</td><td>' + response.attendees[i]["prename"] + '</td><td>' + response.attendees[i]["datum"] + '</td></tr>');
}

＆＃13;

table,tr,td{
border:1px solid #222;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tbody>
</tbody>

</table>

＆＃13;

Answer 5

在循环中添加DOM元素对性能不利。 DOM操作是最昂贵的操作之一，因此您应该存储它并立即添加所有操作

var attendees = response.attendees.map(function(attendee){
    return '<tr><td>'+ attendee.name + '</td><td>'+ attendee.prename + '</td><td>' + attendee.datum + '</td></tr>'
});
$('tbody').append(attendees.join(''));

我在这里使用map迭代数组创建一个字符串数组（HTML），最后加入它们

JQuery通过密钥从json中获取价值

5 个答案: