jsmart 前端绑定案例
浏览数：38 /
时间：2015年06月09日
前台绑定jsmart是一种不错的选择。之前在项目中经常用到。最近涉足部分后端领域，jsmart用的相对少了一些，主要是因为他要引用一个文件，还要写模板，在简单的项目中，就直接用js绑定了，只有在非常复杂的前端绑定中才使用。
现在对其整理一下，以免后面忘记：
首先要引入jsmart文件
<script src="js/jsmart.js" type="text/javascript"></script>
其次，用ajax等调用后端接口，返回json数据，在返回数据中。。。如下：
js：
$.ajax({
url:"",
datatype:"json",
type:"get",
success:function(data,status){
var tpl = new jSmart(document.getElementById('myrecord').innerHTML);
var res = tpl.fetch(data);
$("#recordlist").html(res);
}
})
模板：
<script id="myrecord" type="text/x-jsmart-tmpl">
if语句：
{if ($result.accountstate == 1)}
<a href="javascript:setaccountstate(0);">我要下班</a>
{else}
<a href="javascript:setaccountstate(1);">我要上班</a>
{/if}
循环语句：
{foreach $replies as $i=>$reply}
{/foreach}
</script>
html
<div class="ask_detail" id="recordlist">
<img src="/images/waiting.gif" />
</div>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
