template.js 模板之渲染数据

为什么使用template？

1，在jquery 项目里面，在渲染数据的时候，可避免写大量的字符串拼接，

2，使用简单

 

本章只介绍如何渲染 数据,如下：

var data = {
  "code":"200",
  "data":{
    "currentPage":1,
    "datalist":[
      {
        "extraId":"流浪的地球",
        "id":"8904de706c234acfb36f33a78a358d15"
      },
      {
        "extraId":"流浪的地球",
        "id":"4217de54ffe642ccb123f56988830a2b"
      }
    ]
  },
  "optime":1564985970268
}

假如变量data是从后台请求回来的数据

执行：

$(".tab-cent ul").html(template(temId,data.data));

$(".tab-cent ul") 是你需要渲染的DOM元素

$(".tab-cent ul").html(）里面的template（）

第一个参数是你在页面上定义的templateID，也就是下面代码的

具体简写我就不详细描述了，大概是这样：

$value 就是 最上面的 item，同理，$index  就是所以 index