如何使用JQuery访问Twitch流

时间:2015-06-11 20:49:44

标签: javascript jquery html css

好吧,所以我想访问数组中的每个抽搐流名称,然后将html div链接到每个在线流及其徽标。问题是我只是不知道如何做到这一点,或者从哪里开始。我已经阅读了关于抽搐api电话的文档,但要么我感觉很厚,要么我错过了其他的东西。

这是我的javascript:

var possibleChannels= ["storbeck", "terakilobyte", "habathcx","RobotCaleb","comster404","brunofin","thomasballinger","noobs2ninjas","beohoff"];

possibleChannels.forEach(function(element){
$.getJSON('https://api.twitch.tv/kraken/streams/' + element, 
function(channel){
if (channel["stream"] == null) { 
   ($"All").append("<p>Paragraph</p>");
} 
else {
   ($"All").append("<p>Paragraph</p>");   
}
});
}

&#34;段落&#34;文本只是为了看看我是否真的能够将文本写入html文档,以及&#34; All&#34;是我设置的div元素。 我是否正确访问了抽搐流? 任何帮助都表示赞赏,即使它是&#34;去谷歌并在&#34;一种帮助。

1 个答案:

答案 0 :(得分:2)

我试过你的例子,但是在我输入'?callback =?'之前无法正常工作。 as suggested in another post here。这是一个有效的例子:

var possibleChannels= ["storbeck", "terakilobyte", "habathcx","RobotCaleb","comster404","brunofin","thomasballinger","noobs2ninjas","beohoff"];

possibleChannels.forEach(function(name){
$.getJSON('https://api.twitch.tv/kraken/streams/' + name + '?callback=?', 
    function(channel){
        if (channel["stream"] == null) {
            $("#all").append("<p>" + channel._links.self + "</p>");
        } 
        else {
           $("#all").append("<p>Fail</p>");   
        }
    });
});

Scheda指出,你也遇到($"All)的问题。我在JSFiddle示例中使用了id标记。

JSFiddle:http://jsfiddle.net/rnhm3xfL/