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 相关文章推荐
在 IE 中调用 javascript 打开 Excel 表
Dec 21 Javascript
js 未结束的字符串常量错误解决方法
Jun 13 Javascript
ExtJs的Date格式字符代码
Dec 30 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 Javascript
js 有框架页面跳转(target)三种情况下的应用
Apr 09 Javascript
JSONP跨域的原理解析及其实现介绍
Mar 22 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
jQuery实现返回顶部功能
Feb 23 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
JavaScript中Math对象的方法介绍
Jan 05 Javascript
Angular 5.x 学习笔记之Router(路由)应用
Apr 08 Javascript
使用JavaScript解析URL的方法示例
Mar 01 Javascript
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
PHP中的串行化变量和序列化对象
2006/09/05 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
PHP实现微信商户支付企业付款到零钱功能
2018/09/30 PHP
PHP使Laravel为JSON REST API返回自定义错误的问题
2018/10/16 PHP
如何让PHP编码更加好看利于阅读
2019/05/12 PHP
Thinkphp 框架基础之入口文件功能、定义与用法分析
2020/04/27 PHP
JavaScript 中的事件教程
2007/04/05 Javascript
js option删除代码集合
2008/11/12 Javascript
javascript获取当前ip的代码
2009/05/10 Javascript
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
JS 获取鼠标左右键的键值方法
2014/10/11 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
Javascript动画效果(1)
2016/10/11 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
2016/12/29 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
2018/12/13 Javascript
使用RxJS更优雅地进行定时请求详析
2019/06/02 Javascript
javascript实现简易数码时钟
2020/03/30 Javascript
原生js拖拽功能制作滑动条实例代码
2021/02/05 Javascript
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
Trench London官方网站:高级风衣和意大利皮夹克
2020/07/11 全球购物
最新远光软件笔试题面试题内容
2013/11/08 面试题
英语专业学生的自我评价
2013/12/30 职场文书
逃课上网检讨书
2014/02/20 职场文书
英语专业求职信
2014/07/08 职场文书
出国签证在职证明
2014/09/20 职场文书
家庭贫困证明
2014/09/23 职场文书
停水通知
2015/04/16 职场文书
指导教师推荐意见
2015/06/05 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python