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模板渲染数据所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。