为了账号安全,请及时绑定邮箱和手机立即绑定

现在用ajax获取到了一组json数据,如下,怎么通过js把它遍历出来,并且能够插入到相应的html页面中

现在用ajax获取到了一组json数据,如下,怎么通过js把它遍历出来,并且能够插入到相应的html页面中

饮歌长啸 2018-12-07 09:52:46
{ "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }, { "firstName": "Jason", "lastName":"Hunter", "email": "bbbb" }, { "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" } ], "authors": [ { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" }, { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" }, { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" } ], "musicians": [ { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" }, { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" } ] } <form action="form_action.json" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /> </form>
查看完整描述

4 回答

?
宝慕林4294392

TA贡献2021条经验 获得超8个赞

 

 

 

var list=JSON.Parse(json);

for(var i=0;i<list.length;i++){

var $li = $('<li title="'+list[i].title+'"><img style="height:'+list[i].height+'px;width:'+list[i].width+'px;" src="'+list[i].image+'"/></li>');

$('ul').append($li);

}

 

 

 

查看完整回答
反对 回复 2018-12-24
?
弑天下

TA贡献1818条经验 获得超8个赞

转换成json对象使用jquery进行操作,如一楼那样

查看完整回答
反对 回复 2018-12-24
?
明月笑刀无情

TA贡献1828条经验 获得超4个赞

外层用 for in  或$.each  里层用for循环

查看完整回答
反对 回复 2018-12-24
  • 4 回答
  • 0 关注
  • 757 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号