通过Wix网站生成器使用JavaScript读取JSON文件

通过Wix网站生成器使用JavaScript读取JSON文件,javascript,json,Javascript,Json,我想阅读以下JSON文件(来自youtube),我想知道如何使用此文件获得视频标题。我目前拥有以下代码: fetch("https://www.googleapis.com/youtube/v3/videos? part=snippet&id=xxxx&key=myapikeygoeshere", {method: "get"}) .then( (httpResponse) => { if (httpResponse.ok) { return httpRespo

我想阅读以下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数据:

还应注意,您正在使用Wix网站生成器

当我查看控制台时,它只是说未定义

更新:我发现了另一篇文章,在这里,您可以通过以下行获得视频标题和up loader名称,而无需使用api密钥:

如果有人能帮助我阅读这篇文章,我将非常感激


提前感谢。

这是一个跨域Ajax调用问题(CORS) 在获取youtube api之前,您需要在域上启用CORS头。 如果无法启用CORS标头(因为您在wix上) 然后,您只需调用api,api将从服务器获取此api并返回结果

以下url用于从wix进行curl调用-

您不应该将api密钥放在此处我已将其删除,但不知道它在那里。它仍然在那里。嗨,您能告诉我调用我的api的正确方向吗?该api将从服务器获取此密钥并给出结果?谢谢,Tom。用wix特定用例的文章更新了答案。