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 相关文章推荐
大家未必知道的Js技巧收藏
Apr 07 Javascript
鼠标经过显示二级菜单js特效
Aug 13 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
javascript中的self和this用法小结
Feb 08 Javascript
Javascript中arguments用法实例分析
Jun 13 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
实例讲解DataTables固定表格宽度(设置横向滚动条)
Jul 11 Javascript
Nuxt.js踩坑总结分享
Jan 18 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 Javascript
JS+CSS实现3D切割轮播图
Mar 21 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
Apr 26 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
May 09 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获得当前的脚本网址
2007/12/10 PHP
两种设置php载入页面时编码的方法
2014/07/29 PHP
非常实用的PHP常用函数汇总
2014/12/17 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
javascript删除option选项的多种方法总结
2013/11/22 Javascript
javascript自动给文本url地址增加链接的方法分享
2014/01/20 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
js实现点击链接后窗口缩小并居中的方法
2015/03/02 Javascript
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
2015/12/01 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
2016/01/12 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
基于jquery实现的银行卡号每隔4位自动插入空格的实现代码
2016/11/22 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
2017/03/22 jQuery
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
bootstrap3-dialog-master模态框使用详解
2017/08/22 Javascript
浅谈vue中.vue文件解析流程
2018/04/24 Javascript
微信小程序实现长按删除图片的示例
2018/05/18 Javascript
Vue2实时监听表单变化的示例讲解
2018/08/30 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
Python OpenCV处理图像之图像像素点操作
2018/07/10 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
python三大神器之fabric使用教程
2019/06/10 Python
Python实现语音识别和语音合成功能
2019/09/20 Python
Python数据可视化实现多种图例代码详解
2020/07/14 Python
Python random模块的使用示例
2020/10/10 Python
屈臣氏官方旗舰店:亚洲享负盛名的保健及美妆零售商
2019/03/15 全球购物
J2EE中的容器都包括哪些
2013/08/21 面试题
大学生村官典型材料
2014/01/12 职场文书
销售冠军获奖感言
2014/02/03 职场文书
法院先进个人事迹材料
2014/05/04 职场文书
个人自我剖析材料
2014/09/30 职场文书
导游词之西安大清真寺
2019/12/17 职场文书