Javascript YouTube API Fetch发送响应,但我无法访问项目

Javascript YouTube API Fetch发送响应,但我无法访问项目,javascript,youtube-api,fetch,Javascript,Youtube Api,Fetch,我遇到的关于这个问题的其他问题似乎集中在钥匙不正确上,但我想我已经解决了,现在我被难倒了。这是YouTube API的问题还是fetch()的问题 简而言之,我发送: export function loadVideo() { fetch("https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&order=relevance&q=WOODYGUTHRIE&topicId=

我遇到的关于这个问题的其他问题似乎集中在钥匙不正确上,但我想我已经解决了,现在我被难倒了。这是YouTube API的问题还是
fetch()
的问题

简而言之,我发送:

export function loadVideo() {
  fetch("https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&order=relevance&q=WOODYGUTHRIE&topicId=%2Fm%2F04rlf&type=video&videoCaption=any&key=MYKEY")
    .then(function (response) {
      console.log(queryString);
      console.log(response);
    })
    .catch(err => console.log(err));
  console.log(videoList);
}
只要看一下我的日志,这个查询字符串就会在浏览器中加载我想要的JSON,而记录
响应
本身会给我:

Response {type: "cors", url: "https://www.googleapis.com/youtube/v3/search?part=…n=any&key=MYKEY", redirected: false, status: 200, ok: true, …}
body: (...)
bodyUsed: false
headers: Headers {}
ok: true
redirected: false
status: 200
statusText: ""
type: "cors"
url: "https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&order=relevance&q=WOODYGUTHRIE&topicId=%2Fm%2F04rlf&type=video&videoCaption=any&key=MYKEY"
__proto__: Response
但不管怎样,我把它切片,
response.items
response.body.items
response.data.items
,我得到了
未定义的
。所以我在抓救命稻草,在我的故障排除中还看不到一条清晰的道路

我忽略了什么?

显示响应应该有一个
视频
字段作为列表/数组。 您可以检查您的响应对象是否有这样一个字段吗?

显示响应应该有一个作为列表/数组的
视频
字段。
您可以检查您的响应对象是否有这样一个字段吗?

您需要使用它来允许javascript通过它进行解析,因此它可能应该是如下所示:

export function loadVideo() {
  fetch("https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&order=relevance&q=WOODYGUTHRIE&topicId=%2Fm%2F04rlf&type=video&videoCaption=any&key=MYKEY")
  .then(response => response.json())
  .then(result => {
    //Do something with the result like
    console.log(result.items)
  });  
}
您需要使用,以允许javascript能够通过它进行解析,因此它可能类似于以下内容:

export function loadVideo() {
  fetch("https://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=25&order=relevance&q=WOODYGUTHRIE&topicId=%2Fm%2F04rlf&type=video&videoCaption=any&key=MYKEY")
  .then(response => response.json())
  .then(result => {
    //Do something with the result like
    console.log(result.items)
  });  
}

能否请您向我们提供body属性的内容,它应该是一个包含许多其他对象或数组的对象。查看这些对象的结构会很有帮助,至少在包含您需要和想要提取的信息的对象或属性之前是这样。第一步是将完成的url放在浏览器中,看看API是否返回您认为应该返回的内容。请提供body属性的内容,它应该是一个包含许多其他对象或数组的对象。查看这些对象的结构会很有帮助,至少在包含您需要和想要提取的信息的对象或属性之前是这样。第一步是将完成的url放在浏览器中,看看API是否返回您认为应该返回的内容。Badda boom Badda bing。谢谢兄弟!可能是因为我以前在
$.ajax()
中调用了这个API,所以我放弃了这个更新项目的jQuery,不需要在那里的
success
参数中解析。Badda boom Badda bing。谢谢兄弟!可能是因为我以前在
$.ajax()
中调用了此API,所以断开了连接,但是我正在删除此更新项目的jQuery,并且不需要在
success
参数中进行解析。