正在用 JavaScript 解析此 JSON 数据

Question

我们有一个可用的 PHP 功能，可以使用 YouTube API v3 抓取特定的 YouTube 视频信息。

我们正在尝试使用 JavaScript (jQuery) 来做同样的事情。问题是使用我们的 PHP 函数会导致页面在检索数据时加载速度非常慢。我们希望使用 JavaScript 将允许我们的页面在来自 YouTube 的数据请求之前（或期间）加载。

首先，这是我们其中一个视频的示例 url（您需要一个 API 密钥才能自己查看 returned 信息）：

https://www.googleapis.com/youtube/v3/videos?part=statistics&id=ce5KbCTfHoA&key={YOUR_API_KEY}

具体url会return这个信息：

{
 "kind": "youtube#videoListResponse",
 "etag": "\"jOXstHOM20qemPbHbyzf7ztZ7rI/qRFx1vTFF-k7dkRzNB5rGQ-dqiQ\"",
 "pageInfo": {
  "totalResults": 1,
  "resultsPerPage": 1
 },
 "items": [
  {
   "kind": "youtube#video",
   "etag": "\"jOXstHOM20qemPbHbyzf7ztZ7rI/2yn7rCfXCu0o-GNVtMEQqYssSpE\"",
   "id": "ce5KbCTfHoA",
   "statistics": {
    "viewCount": "33169",
    "likeCount": "281",
    "dislikeCount": "3",
    "favoriteCount": "0",
    "commentCount": "85"
   }
  }
 ]
}

我们正在尝试使用 JavaScript 检索此视频的 likeCount 和 dislikeCount。

我们可以通过以下方式使用 PHP 实现此目的：

function getVideoRatings() {
    $JSON = file_get_contents("https://www.googleapis.com/youtube/v3/videos?part=statistics&id={VIDEO_ID}&key={YOUR_API_KEY}");
    $json_data = json_decode($JSON, true);

    $likes = $json_data['items'][0]['statistics']['likeCount'];
    $dislikes = $json_data['items'][0]['statistics']['dislikeCount'];

    /* some other code... */
}

这成功解析了由 google 和 return 编辑的 json 信息 return 视频的喜欢 (likeCount) 和不喜欢 (dislikeCount)。

我们想使用 JavaScript (jQuery) 来做到这一点。谁能帮我解决这个问题？

非常感谢任何帮助或正确方向的碰撞。

谢谢

Answer 1

$.getJSON("https://www.googleapis.com/youtube/v3/videos?part=statistics&id=ce5KbCTfHoA&key={YOUR_API_KEY}", function( data ) {
    var likes = data['items'][0]['statistics']['likeCount'];
});

这应该有效。使用 jQuery 文档。

正在用 JavaScript 解析此 JSON 数据

Parsing this JSON data with JavaScript

javascript

php

youtube

jquery

json