jQuery插件Tmpl使用方法简单介绍
分类:实例代码
下面介绍一下Tmpl的使用方法,需要的朋友可以做一下参考。
一.引入脚本:
二.编写模板:
(1).假设此时有一个,从后台一json格式发送来的数据:
[{"tId":1,"tName":"张三","tAge":14,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}}, {"tId":2,"tName":"李四","tAge":25,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}}, {"tId":4,"tName":"赵六 ","tAge":16,"tClass":2,"TeachClass":{"cId":2,"cName":"2班"}}]
(2).此时你要显示的内容如下:
然后按照你要显示的内容,设置模板:
类似于aspx中的repeater控件,记得要设置id。
三.填写模板:
按照上面的假设,后台返回的是一个json格式的字符串,那么通过ajax请求,并填写模板
四.效果如下:
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu