Twitch Api 参加 Freecode Camp。 Null 不等于离线。

Question

正如您可能猜到的那样，我正在浏览 Freecodecamp 的项目，在 Twitch API 项目上。您可以看到我的完整 codepen here。

代码循环两次 json 调用 twitch api，第一个工作正常，一切看起来都很好，那些 data.stream 注册为 "online" 和那些没有注册为 "offline" 这就是我所需要的。然后第二个 json 命中，一切都变糟了。在我的 codepen 上，我在 json 调用之前和之后控制台记录了统计数据和数据，但没有任何内容排队，第二组不遵循 "offline/online" 规则，或者我没有看到的事情正在发生。与它抗争太久了，希望有一双新眼睛和一个受过更多教育的大脑来研究它；）

//channel names
var usrNames = ["ESL_SC2", "freecodecamp"]
var url = "";
var stat = "offline";
//for each name create channel block
function createPlayers() {
  usrNames.forEach(function(usrName) {
    function createURL(type, name){
      url = 'https://wind-bow.gomix.me/twitch-api/' + type + '/' + name + '?callback=?';
      return url;
    }
    $.getJSON(createURL("streams", usrName), function(data) {
      if (data.stream == null){
        stat = "offline";
      } else {
        stat = "online";
      }
      $.getJSON(createURL("channels", usrName), function(data) {
        var logo = "";
        if (data.logo == null){
          logo = "https://via.placeholder.com/60x60";
        } else {
          logo = data.logo;
        }
        var newHtml = "<div class='channel_box'><div class='innerbox'><div class='clearfix'><div><img class='logo' src='"+ logo +"'></div><div class='chName'>" + usrName + "</div><div class='" + stat + "'>Online</div></div><div class='bannerBox'><img src='" + data.profile_banner + "'></div></div></div>"
        $("#outline").append(newHtml); 
      });
    });
  });
}
createPlayers();

Answer 1

我在两个 JSON 查询中传递信息，因为 "data" 将第二个查询切换到 data1 并且一切正常。我很笨。

Twitch Api 参加 Freecode Camp。 Null 不等于离线。

Twitch Api on Freecode Camp. Null not equaling offline.

javascript

api

json

twitch