jQuery插件Tmpl的简单使用方法

1.引入脚本

2.编写模板

2.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.2此时你要显示的内容如下

jQuery插件Tmpl的简单使用方法_第1张图片

然后按照你要显示的内容,设置模板:

【类似于aspx中的repeater控件】

【注:记得要设置id】

jQuery插件Tmpl的简单使用方法_第2张图片

3.填写模板

按照上面的假设,后台返回的是一个json格式的字符串,那么通过ajax请求,并填写 模板

jQuery插件Tmpl的简单使用方法_第3张图片

4.看到了效果页面

jQuery插件Tmpl的简单使用方法_第4张图片

以上所述就是本文的全部内容了,希望大家能够喜欢。

你可能感兴趣的:(jQuery插件Tmpl的简单使用方法)