JS前端模板引擎(jQuery模板)jsrender的基本使用

<script type="text/javascript" src="jquery.min.js"></script>
<script src="jsrender.min.js"></script>

<div id='data'></div>

<script type="text/x-jsrender" id="ordertpl">
<a>
	<div>
		<div>
			<div>订单编号：<%:OrderID%></div>
			<div>已关闭</div>
		</div>
	</div>
</a>
</script>

<script>
var data = [{'OrderID':'S202014253652'}];

$.views.settings.delimiters("<%", "%>");//设置模板标记，默认是{{ }}

var template = $.templates("#ordertpl");

var html = template.render(data);

$('#data').html(html);

</script>

如果是用在其他MVC模板里的话可以设置更换模板标记，

切记：引入jsrendor.js的script标签中 不能用type="text/javascript"

4.png