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
            }
        })

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