Question

我想阅读以下JSON文件（来自youtube），我想知道如何使用此JSON文件。我目前有以下代码：

fetch("https://www.googleapis.com/youtube/v3/videos? 
part=snippet&id=xxxx&key=myapikeygoeshere", 
{method: "get"})
  .then( (httpResponse) => {
if (httpResponse.ok) {
  return httpResponse.json();
} else {
  return Promise.reject("Fetch did not succeed");
}
} )
.then(json => console.log(json.title))
.catch(err => console.log(err));

链接到json数据：https://www.googleapis.com/youtube/v3/videos?part=snippet&id=xxxx

还应注意，您正在使用Wix网站构建器。

当我在控制台中查看时，它只是说未定义。

更新：我发现了另一篇文章，您可以使用以下行来获取视频标题和加载程序名称，而无需使用api键： https://www.youtube.com/oembed?url=http://www.youtube.com/watch?v=ojCkgU5XGdg&format=json

如果有人能够帮助我阅读本文，我将不胜感激。

谢谢。

Answer 1

它是跨域Ajax呼叫问题（CORS）您需要先在域上启用CORS标头，然后才能获取youtube api。如果您无法启用CORS标头（因为您在wix上）而不是您需要简单地调用api，它将从服务器获取该api并返回结果。

从wix进行curl调用的url下方- https://support.wix.com/en/article/accessing-3rd-party-services#backend-service-call

使用JavaScript和Wix网站构建器读取JSON文件

1 个答案: