<tr class=”{{item}}”>
<td>{{ID}}</td>
<td>{{Name}}</td>
<td>{{Age}}</td>
<td>{{Address}}</td>
</tr>
</table>
</div>
{ 注意:把{{item}}定义到class中表示遍历item对象的子集类似forearch }
再定义一个用来输出这个模板的html容器
<div id=”userlist”></div>
最后按照我们事先构想好的方式来请求json 数据并帮定模板
<script type=”text/javascript”>
$(document).ready(function () {
var dataSouce = {};
$.ajax(
{
url: ‘/home/getuserinfo’,
dataType: “json”,
success: function (data) {
dataSouce.item = JSON.parse(data);
$(“#userlist”).bindTemplate({ source: dataSouce, template: $(“#template-userinfo”) });
}
});
});
</script>
F5运行一下看看效果
比较简单,鉴于从理论上来讲它确实还不错, 故推荐给大家!希望对你有帮助
源代码: Sample.Json2Template.rar
