Jquery 如何从json数组加载图片?

Jquery 如何从json数组加载图片?,jquery,image,json,load,Jquery,Image,Json,Load,我想知道如何将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)

我想知道如何将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");
 });
 }
$.getJSON(“feed.json”,loadImage);
函数loadImage(数据){
$.each(data.link,函数(i,项){
$("
有什么想法吗


编辑:即使使用
仍然不起作用。图像在同一文件夹中

您可能应该在
每个
函数中使用
参数,而不是
数据。链接
。因为
指的是您正在迭代的当前项

更改:

$("<img/>").attr("src", data.link).appendTo("#links");
$(“
对下列事项:

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

尝试在
每个
函数中跟踪

您可能应该在
每个
函数中使用
参数,而不是
数据链接
。因为
指的是您正在迭代的当前项

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

$("<img/>").attr("src", data.link).appendTo("#links");
$(“
对下列事项:

$("<img/>").attr("src", item.link).appendTo("#links"); // Changed data.link to item.link
$(“
尝试在
每个
函数中跟踪

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

$(“首先,您可以在使用loadImage函数之前尝试定义它。无论如何,它看起来应该更像:

$.getJSON("feed.json", function(data) {
    $.each(data, function(i,item) {
        $("<img/>").attr("src", item.link).appendTo("#links");
    }
});
$.getJSON(“feed.json”),函数(数据){
$。每个(数据、功能(i、项){

$(“首先,您可以在使用loadImage函数之前尝试定义它。无论如何,它看起来应该更像:

$.getJSON("feed.json", function(data) {
    $.each(data, function(i,item) {
        $("<img/>").attr("src", item.link).appendTo("#links");
    }
});
$.getJSON(“feed.json”),函数(数据){
$。每个(数据、功能(i、项){

$(“当您记录
数据时会得到什么?(到控制台)图像存储在jquery所在的同一个基本文件夹中吗?还是它们在不同的文件夹中?当您记录
数据时会得到什么?(到控制台)图片是存储在jquery所在的同一个基本文件夹中?还是存储在不同的文件夹中?@Patrioticcow:item
返回的是
数据。items
甚至是一个数组?实际上它应该是
数据。link
。json文件是一个数组。我认为
item.link
应该只是
item
…?@Patrioticcow:如果data.link是一个数组,那么在
函数中,每个
都将是您正在迭代的当前对象,其属性为
id
link
@Patrioticcow:item
返回了什么?是
数据。items
甚至是数组?实际上它应该是
数据。link
。json文件是一个数组。我认为
项.link
应该是
…?@Patrioticcow:如果data.link是一个数组,那么在
中,每个
函数
都将是您正在迭代的当前对象,其属性为
id
链接
。我不必使用它,我可以说
$。getJSON(“feeds.json”,函数(数据){$.each…});
但仍然不起作用我不必使用它,我可以说,
$.getJSON(“feeds.json”,函数(数据){$.each…});
但仍然不起作用