0
あなたは、私が「mは単収縮APIプロジェクトで、Freecodecampのプロジェクトを経推測するかもしれませんが。あなたはcodepen here私の完全なを見ることができます。Freecode CampのTwitch Api。ヌルはオフラインには等しくありません。
コードは2つのJSON攣縮APIへの呼び出し、最初は正常に動作し、すべてのルックスをループ私がそれから必要とするすべてのものである "オフライン"として登録されていないもの、そして、2番目のjsonがヒットし、すべてが地獄に行きます。 jsonコール後には何も並んでいないし、2番目のセットは「オフライン/オンライン」のルールに従わない、あるいは私が見ていないことが起こっている。これとずっと長い間戦っていて、目とそれを見てもっと教育を受けた脳;)
//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();