如何从json数组中加载图片？

Question

我想知道如何将 json 文件中的几个图像加载到 li 中？ 这是 json 文件

[
{"id":"1",
 "link":"11.jpg",
}
{"id":"2",
 "link":"12.jpg",
}
{"id":"3",
 "link":"13.jpg",
}
]

，我有一个

我已经尝试过这个，但没有成功：

$.getJSON("feed.json", loadImage);
 function loadImage(data) {
 $.each(data.link, function(i,item){
    $("<img/>").attr("src", item).appendTo("#links");
 });
 }

有什么想法吗？

编辑：即使使用 item 仍然不起作用。图像位于同一文件夹中

Answer 1

首先，您可以在使用之前尝试定义 loadImage 函数。不管怎样，它应该看起来更像这样：

$.getJSON("feed.json", function(data) {
    $.each(data, function(i,item) {
        $("<img/>").attr("src", item.link).appendTo("#links");
    }
});

Answer 2

$.getJSON("feed.json", loadImage);
 function loadImage(data) {
 $.each(data.items, function(i,item){
    $("<img/>").attr("src", item.link).appendTo("#links"); //use item.link. 
 )};
}

Answer 3

您可能应该在 each 函数中使用 item 参数，而不是 data.link。因为 item 指的是您正在迭代的当前项目。

更改：更改

$("<img/>").attr("src", data.link).appendTo("#links");

为以下内容：

$("<img/>").attr("src", item.link).appendTo("#links"); // Changed data.link to item.link

尝试在 each 函数中跟踪 item。