JavaScript模板渲染数据

内容一

<div
id="leftContent_content">
<ul >
<li>
<label >合同编号</label>
<P ></P>
<label >Hash值</label>
<P ></P>
</li>
<li >
<label >申请时间</label>
<P ></P>
<label>开始时间</label>
<P ></P>
</li>
</ul>
</div>

内容二

<script type="text/html" id="deviceTem">
<ul>
<li>
<label>合同编号</label>
<P>{{PACTNAME}}</P>
<label>Hash值</label>
<P>{{HASH}}</P>
</li>
<li>
<label>申请时间</label>
<P>{{APPLYDATE}}</P>
<label>开始时间</label>
<P>{{STARTDATE}}</P>
</li>
</ul>
</script>

{{}}中写上对应字段的名字
内容三

getLeftUserInfo(queryUrlF, data)
.then(function (res) {
if (res.success&&res.queryData.listData[0]) {
var html = template('deviceTem', res.queryData.listData[0])
document.getElementById('leftContent_content').innerHTML = html
}
})

将请求到的数据传入模板中，再将模板内容插入页面中

最后

以上就是完美曲奇最近收集整理的关于JavaScript模板渲染数据的全部内容，更多相关JavaScript模板渲染数据内容请搜索靠谱客的其他文章。