在JSON中保存的网页上打开链接

Question

我有一个存储图像链接的JSON文件。如何在网页中查看这些图像？

类似的JSON file

Answer 1

有很多不同的方法可以做到这一点。对于我的解决方案，您将不得不使用jQuery。

首先，您需要加载json文件：

$.getJSON("file.json", function(json) {
    urlList = json; 
});

由于JS原生支持json，你不必解析文件并可以直接迭代它：

for (key in urllist){
    url = urllist[key].image;
    $('#images').append('<img src="' + url + '" />')
}

这会将每个条目的图像添加到带有ID＆＃34;图像＆＃34;的HTML元素中。