Javascript YouTube API Fetch发送响应,但我无法访问项目
我遇到的关于这个问题的其他问题似乎集中在钥匙不正确上,但我想我已经解决了,现在我被难倒了。这是YouTube API的问题还是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=
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
参数中进行解析。