0
당신은 내가 "이 트 API 프로젝트, Freecodecamp의 프로젝트를 통해가는 m. 당신이 볼 수있는 추측 할 수 있듯이 내 전체 codepen here.Freecode Camp에 Twitch Api가 있습니다. Null이 오프라인과 동일하지 않습니다.
코드가 트 API를 두 JSON 호출을 통해 루프가 첫 번째는 잘 작동하고 모든의 모습 좋아, data.stream 등록자는 "온라인"으로 등록하지 않고 "오프라인"으로 등록한 사람은 내가 필요로하는 모든 것입니다. 그런 다음 두 번째 json이 안타를 쳐서 모든 것이 지옥에갑니다. json 호출 후 아무것도 줄을 정렬하지 않고 두 번째 세트가 "오프라인/온라인"규칙을 따르지 않거나 내가 보지 못하는 사항이 너무 오래 계속되었습니다. 눈과 그것을 배우는 교육받은 뇌)
//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();