html模板继承动态数据,前端套模板(获取后台给的data里的动态数据)【原创】

在套模板的时候，需要获取后台给的动态的数据，然后再动态的追加到页面上，类似：

后台的数据(动态)：

前台的静态页：

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

代码如下：

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

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

这样就可以把后台的数据都追加上去了。(使用data[i]之前需要使用for循环遍历data里面的所有数据);请求ajax的语句就不写了。

var html = ''

var data = data.data;

for(var i=0;i

html += '

修改'

html += '

' + data[i].service_date + ''

html += '

'+ data[i].service_time +''

html += '

'+ data[i].content +''

html += '

'+ data[i].star +''

}

$('.message').append(html);

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/19180.html

微信打赏

支付宝打赏

感谢您对作者Niki的打赏，我们会更加努力！    如果您想成为作者，请点我