jQuery插件Tmpl的简单使用方法

 更新时间:2015年04月27日 09:50:55   投稿:hebedich  
JavaScript 也可以利用模版来解决这些问题,比如基于 jQuery 的 jquery.tmpl,现在已经被接受为官方的模版插件了。详细的 API 在 jQuery 的 Templates 里,内置的 demo 也尽情地演示了各种用法。

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.看到了效果页面

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

相关文章

  • ajax的分页查询示例(不刷新页面)

    ajax的分页查询示例(不刷新页面)

    这篇文章主要介绍了ajax的分页查询示例(不刷新页面),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • js过滤HTML标签以及空格的思路及代码

    js过滤HTML标签以及空格的思路及代码

    今天要做一个应用--判断编辑器中文字的个数。如果少如20个字就不能让其提交。没多想,正好周末的时候看了一下js中正则表达式的内容。很容易就想到了要用正则表达式来解决这个问题。虽说看了正则表达式的内容是看了,但是毕竟还是刚接接触,连基本的概念都很模糊,于是只好在网上找到如下的代码:
    2013-05-05
  • jQuery创建及操作xml格式数据示例

    jQuery创建及操作xml格式数据示例

    这篇文章主要介绍了jQuery创建及操作xml格式数据,结合实例形式分析了jQuery针对xml格式数据的创建、解析、添加等相关操作技巧,需要的朋友可以参考下
    2018-05-05
  • jquery解析XML及获取XML节点名称的实现代码

    jquery解析XML及获取XML节点名称的实现代码

    下面小编就为大家带来一篇jquery解析XML及获取XML节点名称的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 详谈表单格式化插件jquery.serializeJSON

    详谈表单格式化插件jquery.serializeJSON

    下面小编就为大家带来一篇详谈表单格式化插件jquery.serializeJSON。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • jQuery实现可兼容IE6的遮罩功能详解

    jQuery实现可兼容IE6的遮罩功能详解

    这篇文章主要介绍了jQuery实现可兼容IE6的遮罩功能,详细分析了jQuery遮罩层的布局、样式及功能实现技巧,需要的朋友可以参考下
    2017-09-09
  • JQuery的一些小应用收集

    JQuery的一些小应用收集

    JQuery框架没有的可以在网上Down。
    2010-03-03
  • jQuery操作表格(table)的常用方法、技巧汇总

    jQuery操作表格(table)的常用方法、技巧汇总

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再使用的到时候,会让你如鱼得水,提高开发效率
    2014-04-04
  • jQuery实现的导航下拉菜单效果示例

    jQuery实现的导航下拉菜单效果示例

    这篇文章主要介绍了jQuery实现的导航下拉菜单效果,涉及jQuery事件响应及元素动态操作相关技巧,非常简便实用,需要的朋友可以参考下
    2016-09-09
  • jquery实现的省市区三级联动

    jquery实现的省市区三级联动

    在做项目的时候,我们经常需要用到地址之类的省市区三级联动的,今天就给大家分享一个非常简洁的省市区三级联动的代码,基于jQuery,附上GIT地址,有需要的小伙伴可以直接拿走
    2015-04-04

最新评论