从 API 中提取数组（Twitch）

Question

我绝不是编码员，我所知道的只是操作一些代码来工作，我设法从 Twitch 的 API 中提取了一个 Live Follower 和 Views，但是我在使用这段代码时遇到了问题Live Viewers...它似乎不想工作。我不知道如何查看 Google 的 Inspect Element 以查看问题所在，也不知道如何解决。你觉得这段代码有什么问题吗？

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

Answer 1

您必须在流在线时进行查询。如果流不在线，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);
            }
        });
    });