tmpl 的基本使用

1.引入：<script src="jquery-tmpl/jquery.tmpl.min.js"></script>

2.写需要循环遍历的数据：(后台传过来的参数)

<script type="text/x-jquery-tmpl" id="score_list_li">

<tr>
<td>${name}</td>
<td>${desc}</td>
<td><img src="${pic}" alt  style="height: 80px;"></td>
{{if is_receive == false}}
<td>未完成</td>
{{else}}
<td>已完成</td>
{{/if}}
{{if (is_receive==false && is_complete==true) }}
<td>未领取</td>
{{else}}
<td>已领取</td>
{{/if}}
</tr>
</script>

3.写存放数据的html 部分：

<tbody class="new_list"></tbody>

4.写js:

$.ajax({
           url:serverurl_admin+"/UserManage/getMy_activity",
           type:"POST",
           dataType:"json",
           data:{
user_id:userId,

                number:num,
}, 

success: function(data){
$(".new_list tr").remove();
$('#score_list_li').tmpl(data.data.data).appendTo('.new_list'); //将数据写入html

},
error: function(error){
alert("error");
}

});