javascript - 如何在 Javascript 中的 API 响应上正确实现 setInterval？

Question

我正在获取 api 响应并将响应附加到 html 表中。现在我正在尝试，setInterval但 setInterval 设置不正确。这是代码。

const settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://datasource.com/price?list",
  "method": "GET",
  "headers": {
    "xxxxxxxxxxxxxxxxxx",
    "xxxxxxxxxxxxxxxx"
  }
};
setInterval(function() {

  $.ajax(settings).done(function(response) {

    var sdata = '';
    $.each(response, function(key, value) {
      sdata += '<tr>';
      sdata += '<td>' + value.symbol + '</td>';
      sdata += '<td>' + value.lastPrice + '</td>';
      sdata += '<td>' + value.change + '</td>';
      sdata += '<td>' + value.pChange + '</td>';
      sdata += '<td>' + value.open + '</td>';
      sdata += '<td>' + value.dayHigh + '</td>';
      sdata += '<td>' + value.dayLow + '</td>';
      sdata += '<td>' + value.previousClose + '</td>';
      sdata += '<td>' + value.perChange30d + '</td>';
      sdata += '<td>' + value.perChange365d + '</td>';
      sdata += '<td>' + value.lastUpdateTime + '</td>';
      sdata += '</tr>';
    });
    $('#shares').html(sdata);
    //console.log(response);
  });
}, 5000);

<table id="shares">
<tr>
<th>NAME</th>
<th>LTP</th>
<th>CHANGE</th>
<th>CHG %</th>
<th>OPEN</th>
<th>HIGH</th>
<th>LOW</th>
<th>CLOSE</th>
<th>30 DAY ROI</th>
<th>1 YR ROI</th>
<th>UPDATED ON</th>
</tr>


</table>

我如何在上面提到的 javascript 代码中实现一个工作 setInterval ？

标签： javascript

Answer 1

.append(sdata)附加数据（不出所料:)）

如果您不想追加，而是替换整个内容，请使用.html(sdata).

更新的小提琴