javascript - 如何将 Twitch channel 的观看者计数插入到 标签中？

Question

我正在尝试使用 JavaScript 获取 Twitch channel 的观看者计数，并将其插入短语“当前与观看者一起直播”。它当前返回“CURRENTLY LIVE WITH NaN VIEWERS”。为什么会这样，我该如何解决它？

<p id="live"></p>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
    $.ajax({ 
         url:'https://api.twitch.tv/kraken/streams/DailyMafia',
         dataType:'json',
         success:function(stream) {
    document.getElementById("live").innerHTML="CURRENTLY LIVE WITH ".concat(parseInt(stream.viewers), " VIEWERS.");
         },
         error:function() {
    document.getElementById("live").innerHTML="CURRENTLY OFFLINE.";
         }
     });
    </script>

Answer 1

成功回调函数中的值实际上不仅仅是包含请求中信息的对象，而是包含流对象的对象。因此，您实际上并没有访问您认为的内容，并且需要对此进行一些更改。

尝试以下操作:

<p id="live"></p>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
    $.ajax({ 
         url:'https://api.twitch.tv/kraken/streams/DailyMafia',
         dataType:'json',
         success:function(stream) {
    document.getElementById("live").innerHTML="CURRENTLY LIVE WITH ".concat(parseInt(stream.stream.viewers), " VIEWERS.");
         },
         error:function() {
    document.getElementById("live").innerHTML="CURRENTLY OFFLINE.";
         }
     });
    </script>