从API中拉出一个数组(Twitch)

时间:2014-10-27 22:21:30

标签: javascript jquery html twitch

我绝不是一个程序员,我所知道的只是操作一些代码才能工作,我设法从Twitch的API中提取了一个Live Follower和Views,但我遇到了麻烦拉动实时查看器的代码...它似乎并不想工作。我不知道怎么看谷歌'检查元素,看看有什么不对,我不知道如何解决它。你觉得这段代码有什么问题吗?

jQuery(document).ready(function ($) {
    $('.views').each(function () {
        var tnick = $(this).data('tnick');
        var span = $(this).next();
        $.getJSON('https://api.twitch.tv/kraken/streams/' + tnick + '.json?callback=?', function (data) {
            var views = data.viewers;
            span.html(views);

        });
    });
});

和HTML

<p><i data-tnick="GamerGirlsNetwork" class="fa fa-eye views"></i>  <span>0</span>

我在网站上有多个用户,所以我需要它来从HTML中获取参数,但即使没有HTML中的参数并将其放在代码中,它仍然不会调用数据。

JSFiddle

1 个答案:

答案 0 :(得分:0)

您必须在流联机时进行查询。如果流不在线,则stream密钥将始终为null

这是应该有用的东西

    $('.views').each(function () {
        var tnick = $(this).data('tnick');
        var span = $(this).next();
        $.getJSON('https://api.twitch.tv/kraken/streams/' + tnick + '.json?callback=?', function (data) {
            if(data.stream === null){
               span.html('0 viewers because stream is offline !'); // Stream is offline
            }
            else{ // stream is online !
               var views = data.viewers;
               span.html(views);
            }
        });
    });