javascript - for循环中的API调用

Question

我正在使用 Twitch 的 API(由于 CORS，来自备用链接)。运行时 html 返回空。是因为回调的原因吗？我该怎么做才能获取数据？我可以确认该链接有效，并尝试单步执行该链接，但没有成功。

let usernames = ['freecodecamp'];
let api = '';
let html = '';

  for(let i = 0; i < usernames.length; i++) {
    api = 'https://wind-bow.gomix.me/twitch-api/streams/' + usernames[i] + '?callback=?';
    $.getJSON(api, function(data) {
      let online = data.stream == null;
      if(online) {
        html += usernames[i] + '\nStatus: Offline';
      }
      else {
        html += usernames[i] + '\nStatus: Online';
      }
    });
  }
  if(html != '') {
    $('#data_display').html('<h1>' + html + '</h1>');
  }

Answer 1

将最后一个附加 html block 放入 getJSON 中:

$.getJSON(api, function(data) {
  let online = data.stream == null;
  if(online) {
    html = usernames[i] + '\nStatus: Offline';
  }
  else {
    html = usernames[i] + '\nStatus: Online';
  }
  $('#data_display').append('<h1>' + html + '</h1>');
});

并且还要使用 .append 而不是 .html ，否则它将替换 #data_display 内的 html。

无需执行 html += ....