我如何使用YouTube API 3和Javascript/JQuery检索YouTube上视频的视图计数

Question

我正在尝试检索特定视频的视图计数。我已经设置了我的应用程序，创建了OATH2连接，等等。

我使用的URL是:https://www.googleapis.com/youtube/v3/videos?id={video-id}&key={API-key}%20&fields=items(statistics)∂statistics

直接到这个URL正确地响应JSON格式的响应，包含我需要的所有信息。我在多个浏览器中尝试过这个，并确保我在使用URL时退出了我的帐户。它仍然正确响应。

{
 "items": [
  {
   "statistics": {
    "viewCount": "21997",
    "likeCount": "1",
    "dislikeCount": "2",
    "favoriteCount": "0",
    "commentCount": "2"
   }
  }
 ]
}

然而，当我尝试解析这些信息时，结果与预期的不同:

<script>
    $.getJSON("{https://www.googleapis.com/youtube/v3/videos?id={video-id}&key={API-key}%20&fields=items(statistics)&part=statistics", function(data) {
        $("#results").append('<p>' + data.items.statistics.viewCount + '</p>');
    });
</script>
<div id="results"></div>

1. " data.items.statistics。viewCount"(这是我想检索的信息)，返回响应"undefined"

   $("#results").append('<p>' + data.items.statistics.viewCount + '</p>');
   

2. 只是为了测试它，我尝试使用"data"作为上面的变量，并使用"data"。，我得到响应"[object object]"

   $("#results").append('<p>' + data.items + '</p>');
   

3. 如果我把"data"改成"data.items. "，我得到响应"undefined"

   $("#results").append('<p>' + data.items.statistics + '</p>');
   

有什么想法我可能做错了，以及如何纠正这一点?

谢谢!

Answer 1

项不是对象，属性是数组。尝试

$("#results").append('<p>' + data.items[0].statistics.viewCount + '</p>');

希望这能解决你的问题。