本案例通过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 
                      }

最新文章

  1. ubuntu配置tftp服务
  2. 内存角度探寻C++面向对象 之 继承、多态
  3. Spark Streaming揭秘 Day21 动态Batch size实现初探(下)
  4. NSInteger 与 NSUInteger 和 int与 NSInteger 区别(转)
  5. makefile debug
  6. 5亿投资A站G站:中文在线的二次元野心
  7. waitFor和waitForAny的实现
  8. DOM4j 操作XML
  9. 关于Django的理解
  10. Xamarin Android 中Acitvity如何传递数据
  11. @Autowired内部实现原理
  12. 麻省理工18年春软件构造课程阅读02“Java基础”
  13. photoshop编辑pdf文件
  14. def chi(*food,**kw):
  15. AtCoder square869120 Contest #3 F sushi
  16. Flask 语音分析
  17. 502 解决:[WARNING] fpm_children_bury
  18. day01&lt;计算机基础知识&amp;Java语言基础&gt;
  19. JS DOM对象控制HTML元素详解
  20. python函数参数类型及其顺序

热门文章

  1. 前端 9.16腾讯-2019校园招聘(正式卷)编程题题解(js)
  2. 排序算法之插入排序的python实现
  3. VS中使用C的一些函数报错的问题
  4. python opencv:色彩空间
  5. python上传文件接口
  6. bootstrap与vue,react的区别
  7. 802.11r mixed mode
  8. JavaScript相关
  9. Trie图(AC自动机)总结
  10. 设计模式01 创建型模式 - 建造者模式(Build Pattern)