jQuery插件Tmpl的简单使用方法


Posted in Javascript onApril 27, 2015

1.引入脚本

jQuery插件Tmpl的简单使用方法

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的简单使用方法

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

【类似于aspx中的repeater控件】

【注:记得要设置id】

jQuery插件Tmpl的简单使用方法

3.填写模板

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

jQuery插件Tmpl的简单使用方法

4.看到了效果页面

jQuery插件Tmpl的简单使用方法

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

Javascript 相关文章推荐
JavaScript多线程的实现方法
May 08 Javascript
JS类的封装及实现代码
Dec 02 Javascript
JS与C#编码解码
Dec 03 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
Jan 23 Javascript
Jquery代码实现图片轮播效果(一)
Aug 12 Javascript
如何使用jquery实现文字上下滚动效果
Oct 12 Javascript
PHP获取当前页面完整URL的方法
Dec 02 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
Sep 04 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 Javascript
VueX模块的具体使用(小白教程)
Jun 05 Javascript
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
javascript关于运动的各种问题经典总结
Apr 27 #Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 #Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 #Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 #Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 #Javascript
jquery实现标签上移、下移、置顶
Apr 26 #Javascript
jquery ui resize 中border-box的bug修正
Apr 26 #Javascript
You might like
Discuz 模板语句分析及知识技巧
2009/08/21 PHP
php循环语句 for()与foreach()用法区别介绍
2012/09/05 PHP
php简单生成一组与多组随机字符串的方法
2017/05/09 PHP
详解阿里云视频直播PHP-SDK接入教程
2020/07/09 PHP
IE8 原生JSON支持
2009/04/13 Javascript
jquery 学习笔记 传智博客佟老师附详细注释
2020/09/12 Javascript
Javascript事件热键兼容ie|firefox
2010/12/30 Javascript
jquery 选项卡效果 新手代码
2011/07/08 Javascript
JS获取浏览器版本及名称实现函数
2013/04/02 Javascript
javascript获取当前鼠标坐标的方法
2015/01/10 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
js改变Iframe中Src的方法
2015/05/05 Javascript
avalonjs实现仿微博的图片拖动特效
2015/05/06 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
jQuery解析Json实例详解
2015/11/24 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
JS全角与半角转化实例(分享)
2017/07/04 Javascript
利用Angular7开发一个Radio组件的全过程
2019/07/11 Javascript
Centos7 安装Node.js10以上版本的方法步骤
2019/10/15 Javascript
es6 super关键字的理解与应用实例分析
2020/02/15 Javascript
python 获取文件列表(或是目录例表)
2009/03/25 Python
python实现的希尔排序算法实例
2015/07/01 Python
使用Python对Excel进行读写操作
2017/03/30 Python
Python定时器实例代码
2017/11/01 Python
Python实现k-means算法
2018/02/23 Python
浅谈keras使用中val_acc和acc值不同步的思考
2020/06/18 Python
python 代码运行时间获取方式详解
2020/09/18 Python
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
OPPO手机官方商城:中国手机市场出货量第一品牌
2017/10/18 全球购物
FORZIERI福喜利中国官网:奢侈品购物梦工厂
2019/05/03 全球购物
Jdbc数据访问技术面试题
2012/03/30 面试题
行政管理专业推荐信
2013/11/02 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
Nginx安装完成没有生成sbin目录的解决方法
2021/03/31 Servers
Python中json.dumps()函数的使用解析
2021/05/17 Python
深入理解CSS 中 transform matrix矩阵变换问题
2021/08/30 HTML / CSS