Javascript 如何从JSON url获取数据？

我有一个url，其中包含来自网站的JSON数据。例如，我想检索此网页中第一个链接图像的url

这是我目前掌握的代码

var jsonURL = "https://www.reddit.com/r/aww/top/.json?sort=top&t=day";
loadJSON(jsonURL);

function logData()
{
    console.log(data.children[0].preview.images.source.url);
}

---

我目前遇到的错误是“Uncaught ReferenceError:loadJSON未定义”。我不确定为什么会出现此错误，因为我所在的目录中有p5.js，但我觉得我完全误解了json的语法。如果您有任何指示，我们将不胜感激。

如前所述，您没有致电

logData

。另外，如果您调用它，您正在记录的输出看起来不会返回任何结果

我使用

fetch

实现了这一点，您不需要依赖jQuery

var jsonURL=”https://www.reddit.com/r/aww/top/.json?sort=top&t=day";
loadJSON（jsonURL）；
功能日志数据（数据）{
console.log（data.data.children[0].data.preview.images[0].source.url）
}
函数loadJSON（url）{
获取（url）
.那么(
功能（响应）{
如果（response.status！==200）{
console.log（'看起来有问题。状态代码：'+
答复（现状）；
返回；
}
response.json（）.then（函数（数据）{
日志数据（数据）
});
}
)
.catch（函数（err）{
log（'Fetch Error:-S'，err）；
});
}

1）我希望

loadJSON

是一个异步函数，因此您需要考虑到这一点2）您没有在任何地方调用

logData

。错误只是说loadJSON函数不存在。检查脚本是否在必要的引用之后加载，以及是否正确加载了引用。否则，请使用jquery$.ajax或$.getWell进行尝试。一旦你让脚本正确加载，也许可以试着这样做。OP使用的是

p5，js

。也许值得再读一遍这个问题。