Html ajaxapi调用表填充

我能够在html表中的单个标记中显示api响应。然而，我正试图在表中添加另一个响应。我撞到墙了

$.ajax({
type: 'GET',
url: "api query url",
auth: "user:password",
dataType: "json",
crossDomain: true,
success: function(data) {
var list = data.list;
$.each(list, function(i, item) {
var tr = $('<tr>').append($('<td>').text(item.name));

还有HTML

<section class="reports">
<div id="output">
    <table id="scalaapi">
    <tbody>
    <tr><td></td><td></td></tr>
    </tbody>
    </table>
</div>
</section>

---

这是因为您正在初始化循环中的变量tr。因此，它将为其指定新值并删除旧值。为每个循环在外部声明它

请在下面试试

$.each(val, function(i, item) {

       tr = $('<tr>').append('<td>' + (item.name) + '</td>' + 
                             '<td>' + (item.playerStatus) + '</td>');

       $("#scalaapi").append(tr);
  });

$。每个（val，函数（i，项）{
tr=$（''）.append（''+（item.name）+''+
''+（项目播放状态）+''；
$（“#scalaapi”）。追加（tr）；
});

---

这是到

的链接，你能解释一下怎么做吗？@KevMoe请尝试新的答案。谢谢。。。虽然这并不能解决我用playerStatus填充第二个的问题。你能提供json数据吗？我已经添加了一些json响应

<section class="reports">
<div id="output">
    <table id="scalaapi">
    <tbody>
    <tr><td></td><td></td></tr>
    </tbody>
    </table>
</div>
</section>

$.each(val, function(i, item) {

       tr = $('<tr>').append('<td>' + (item.name) + '</td>' + 
                             '<td>' + (item.playerStatus) + '</td>');

       $("#scalaapi").append(tr);
  });