将json数据导入li

2012-10-09 61 views 2 likes

我有一些Json数据，其中包含具有某些关联值的产品的图像。我想要得到这个json数据，将它存储在'li'中并使用jquery追加到某个div。请告诉我如何将图像添加到李。这里是JSON数据将json数据导入li

{ “URL”： “1.JPG”， “色彩”： “黄”， “项目”： “项目A”， “sold_out”： “1”}，{” url“：”2.jpg“，”color“：”Red“，”Item“：”Item B“，”sold_out“：”0“}，{”url“：”3.jpg“，”color“： “绿色”，“物品”：“物品D”，“sold_out”：“0”}，{“url”：“4.jpg”，“颜色”：“红色”，“物品”：“物品A”， “sold_out”：“1”}，{“url”：“5.jpg”，“color”：“Blue”，“Item”：“Item B”，“sold_out”：“0”}

来源

2012-10-09 Alonso

你是什么意思的“想要”？它是生成还是需要从服务器生成？ – Johan

它在本地文件items.json – Alonso

这是无效的JSON。它实际上是一个数组吗？ '[{url：...，color：.........}，{...}]' – devnull69

回答

使用$.each循环浏览json并将其附加到html元素（li）。

实施例（未测试）

$.each(data, function(key, val) { 
    $("ul").append("<li><img src=\"https://path/" + data[key].url+ "\" /></li>"); 
});

data是JSON数组。希望它有帮助。

来源

2012-10-09 09:06:40 Gopesh

y只需要this.Thanks ... – Alonso

@ user1690831欢迎，很高兴看到它可以帮助你。 – Gopesh

如何添加其他字段到li – Alonso

这里是一个的jsfiddle什么你想UPDATEhttp://jsfiddle.net/Rm4vE/4/

来源

2012-10-09 09:03:17 Anton

附加的图像列表

var myImageSrc = "1.jpg"; 
var myList = $('#mylist'); 
myList.append('<li><img src="' + myImageSrc + '" /></li>');

来源

2012-10-09 09:06:16 devnull69

是啊，这也是我需要的。 – Alonso

将json数据导入li

回答

相关问题