???本案例通过ajax动态获取数据，然后遍历出数据渲染html
小心踩坑：因为有时候不注意，渲染页面的时候只能输出最后一个数据
所以正确写法为下:
如果AJAX数据请求成功的情况下：
html ??????????
<div class="recommend-list"> ???????????????????<ul> ???????????????????????<li> ???????????????????????????<div> ???????????????????????????????<p class="recommend-h"></p> ???????????????????????????????<p class="getTime"></p> ???????????????????????????</div> ???????????????????????????<div><img ?class="recommend-img"></div> ???????????????????????</li> ???????????????????</ul> ???????????????</div>
ajax请求数据：
js
for(var i = 0;i<$(‘.recommend-list>ul‘).children().length;i++){
$(‘.recommend-h‘)[i].innerHTML=date.info.hotNews[i].title
$(‘.getTime‘)[i].innerHTML=date.info.hotNews[i].source
$(‘.recommend-img‘)[i].src = date.info.hotNews[i].imgsrc0
}
for 循环遍历数据动态渲染html
原文地址：https://www.cnblogs.com/xxflz/p/9397013.html