如何使用 v3 URL API 在 javascript w Ajax & JSON 中获取 Youtube 视频标题

Question

我只是想获取 Youtube 视频的标题。似乎想不通。到目前为止我有这个：

     q = 'https://www.googleapis.com/youtube/v3/videos?id='+ itemId +'&key='+ ytApiKey +'&fields=items(snippet(channelId,title,categoryId))&part=snippet' ;

$.ajax({
      url: q, 
      dataType: "jsonp",
      success: function(data){
               alert(data.items[0].title);
               console.log(data.snippet.title);            
      },
      error: function(jqXHR, textStatus, errorThrown) {
          alert (textStatus, + ' | ' + errorThrown);
      }
  });

谢谢，

Answer 1

以下 jquery 代码将获取视频的标题。

$.ajax({
      url: "https://www.googleapis.com/youtube/v3/videos?id=" + videoId + "&key="+ apiKey + "&fields=items(snippet(title))&part=snippet", 
      dataType: "jsonp",
      success: function(data){
               console.log(data.items[0].snippet.title);           
      },
      error: function(jqXHR, textStatus, errorThrown) {
          alert (textStatus, + ' | ' + errorThrown);
      }
  });

Answer 2

我使用

让它工作

https://www.googleapis.com/youtube/v3/videos?id=itemId&key=apiKey&fields=items(snippet(title))&part=snippet

和

alert(data.items[0].snippet.title);

所以，语法没有太大的错误！但是我发现问题真的出在设置Google API的'allowed referers'的后端。使用 V3 API，您可以 select API 应该属于哪个引用，因此其他人不能简单地窃取您的 API 并使用它。因此，如果请求来自您指定的域 name/IP，API 将起作用。当我不给它限制时，代码可以工作，但是当我输入我的域时它会失败！我输入了 .mydomainname.com/ ，与建议的格式相同，但不知何故出错了。现在我明白了原因。

如何使用 v3 URL API 在 javascript w Ajax & JSON 中获取 Youtube 视频标题

How to get Youtube video title with v3 URL API in javascript w Ajax & JSON

javascript

youtube

json

youtube-api

youtube-javascript-api