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

Question

我想阅读以下 JSON 文件（来自 youtube），我想知道如何使用它来获取视频标题。我目前有以下代码：

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) 在获取 youtube api 之前，您需要在您的域上启用 CORS 标头。 如果您无法启用 CORS 标头（因为您使用的是 wix） 而不是你需要简单地调用你的 api，它会从服务器获取这个 api 并返回结果。

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