如何通过Js或者Jquery把json对象展现到页面上?
从后台传来一段json数据,大概包含十几个对象如何展现到页面上?最好循环放进li中<ul><liid="item1"><divclass="pic"><ahref="#"...
从后台传来一段json数据,大概包含十几个对象
如何展现到页面上?最好循环放进li中
<ul>
<li id="item1">
<div class="pic"><a href="#"><img src="XXX"></a></div>
<div class="name">小强</div>
<div class="age">16</div>
<div class="sex">男</div>
<div class="detail">纯情小少年</div>
</li>
<li id="item2">
<div class="pic"><a href="#"><img src="XXX"></a></div>
<div class="name">小明</div>
<div class="age">16</div>
<div class="sex">男</div>
<div class="detail">纯情小少年2</div>
</li>
。
。
。
<ul> 展开
如何展现到页面上?最好循环放进li中
<ul>
<li id="item1">
<div class="pic"><a href="#"><img src="XXX"></a></div>
<div class="name">小强</div>
<div class="age">16</div>
<div class="sex">男</div>
<div class="detail">纯情小少年</div>
</li>
<li id="item2">
<div class="pic"><a href="#"><img src="XXX"></a></div>
<div class="name">小明</div>
<div class="age">16</div>
<div class="sex">男</div>
<div class="detail">纯情小少年2</div>
</li>
。
。
。
<ul> 展开
2个回答
展开全部
用$.each或for循环然后用$("ul").append("<li id="item“+i+”">
<div class="pic"><a href="#"><img src="XXX"></a></div>
<div class="name">v.name</div>//json返回对象的名称
<div class="age">v.age</div>
<div class="sex">男</div>
<div class="detail">纯情小少年</div>
</li>");//双引号转成单引号,变量自己添加
<div class="pic"><a href="#"><img src="XXX"></a></div>
<div class="name">v.name</div>//json返回对象的名称
<div class="age">v.age</div>
<div class="sex">男</div>
<div class="detail">纯情小少年</div>
</li>");//双引号转成单引号,变量自己添加
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询