内容一
<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
}
})
将请求到的数据传入模板中,再将模板内容插入页面中