Javascript 使用jQuery将JSON数据转换为DOM

Javascript 使用jQuery将JSON数据转换为DOM,javascript,jquery,html,json,dom,Javascript,Jquery,Html,Json,Dom,我希望将每个“item”(来自JSON)转换为出现在一个部分(或div)中,图像及其链接显示为名称、id和价格——如何使用jQuery实现这一点。jQuery和JSON如下所示,除了标题的“placements title”和小节的“placements items”,我目前在HTML中没有任何类 当前jQuery: $.ajax({ type: 'GET', url: 'pathtoJSONdata.json', dataType: 'json', success: funct

我希望将每个“item”(来自JSON)转换为出现在一个部分(或div)中,图像及其链接显示为名称、id和价格——如何使用jQuery实现这一点。jQuery和JSON如下所示,除了标题的“placements title”和小节的“placements items”,我目前在HTML中没有任何类

当前jQuery:

$.ajax({
  type: 'GET',
  url: 'pathtoJSONdata.json',
  dataType: 'json',
  success: function (data) {
     $(".placements-title h2").append(data.placements[0].message);
     $(".placements-items").append(data.placements[0].items[1].id);


  }
});

使用循环将html构建为字符串,并将其附加到所需的dom元素

var数据={
“安置”:[{
“信息”:“如果你喜欢这个,你可能会喜欢这些”,
“项目”:[{
“id”:“029148”,
“名称”:“木版游戏套装”,
“链接URL”:http://www.warehouse.co.uk/gb/just-arrived/all/woodblock-play-suit/029148.html",
“imageURL”:http://demandware.edgesuite.net/aaxe_prd/on/demandware.static/-/Sites-WAREHOUSE/default/dw0f93fcd4/images/hi-res/warehouse_02914899_2.jpg",
“价格”:“46.00”
},
{
“id”:“0294526806”,
“姓名”:“工作服礼服”,
“链接URL”:http://www.warehouse.co.uk/gb/just-arrived/all/smock-dress/0294526806.html",
“imageURL”:http://demandware.edgesuite.net/aaxe_prd/on/demandware.static/-/Sites-WAREHOUSE/default/dwc9d5ea05/images/hi-res/warehouse_02945268_5.jpg",
“价格”:“39.00”
},
{
“id”:“0297180006”,
“姓名”:“卡米”,
“链接URL”:http://www.warehouse.co.uk/gb/just-arrived/all/cami/0297180006.html",
“imageURL”:http://demandware.edgesuite.net/aaxe_prd/on/demandware.static/-/Sites-WAREHOUSE/default/dw4b954022/images/hi-res/warehouse_02971800_2.jpg",
“价格”:“9.00”
},
{
“id”:“0298473606”,
“名称”:“不对称包裹迷彩连衣裙”,
“imageURL”:http://demandware.edgesuite.net/aaxe_prd/on/demandware.static/-/Sites-WAREHOUSE/default/dw686fea84/images/hi-res/warehouse_02984736_2.jpg",
“价格”:“46.00”
},
{
“id”:“0297155306”,
“名称”:“休闲条纹T恤”,
“链接URL”:http://www.warehouse.co.uk/gb/just-arrived/all/casual-stripe-tee/0297155306.html",
“imageURL”:http://demandware.edgesuite.net/aaxe_prd/on/demandware.static/-/Sites-WAREHOUSE/default/dw4609af3e/images/hi-res/warehouse_02971553_2.jpg",
“价格”:“16.00”
}
]
}]
}
$.each(data.placements[0]。项,函数(i,v){
$('body')。追加(“”+v.name+“”+v.price+“”)
})

好了,有了“each”,你已经找到了正确的关键字@CBroe我明白,尽管如此,我还是在努力将JSON添加到jQuery代码中,这是一个新的问题:(那么,您到底在努力什么?您循环
数据。放置[0]。项目
,访问循环中您感兴趣的属性,然后对它们做些什么。。。