UDN-企业互联网技术人气社区

板块导航

浏览  : 2230
回复  : 0

[前端] 前端套模板(获取后台给的data里的动态数据)

[复制链接]
小辫儿的头像 楼主
发表于 2017-1-7 15:09:24 | 显示全部楼层 |阅读模式
  在套模板的时候,需要获取后台给的动态的数据,然后再动态的追加到页面上,类似:

  后台的数据(动态):
2.png

  前台的静态页:
1.png

  现在就是实现这种效果:点击修改的时候,下面的动态追加的数据(红色框内的是静态写死的),下面的数据都是后台给的data数组里的,现在就来说下如何获取这个data数组里的数据并且追加到页面中去:

  代码如下:

  其中url是一个变量,是跳页面的路由。

  其中的class在之前就可以在css内写好样式就行了。

  这样就可以把后台的数据都追加上去了。(使用data);
  1. html += '<tr class="handle"><td class="sub"><a href="' + url + '" >修改</a></td>'
  2. html += '<td class="operate-date" style="line-height: 20px;">' + data[i].service_date + '</td>'
  3. html += '<td class="operate-time">'+ data[i].service_time +'</td>'
  4. html += '<td class="operate-item">'+ data[i].content +'</td>'
  5. html += '<td class="operate-message">'+ data[i].star +'</td></tr>'
  6. $('.message').append(html);
复制代码

相关帖子

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部