jQuery插件Tmpl的简单使用方法

前端技术 2023/09/02 JavaScript

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

然后按照你要显示的内容，设置模板：

【类似于aspx中的repeater控件】

【注：记得要设置id】

3.填写模板

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

4.看到了效果页面

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

本文地址：https://www.stayed.cn/item/3521

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请联系我

我的博客