博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery.tmpl的使用
阅读量:5310 次
发布时间:2019-06-14

本文共 772 字,大约阅读时间需要 2 分钟。

jquery.tmpl是jQuery模板插件, (另外还有一个插件dot.js,不依赖与jquery,性能更佳,使用方法大同小异)

        在网页中大量使用异步请求数据来更新页面内容非常常见,异步请求返回的内容一般是表现为json格式的数据,因为HTML结构的复杂性,我们在没有使用任何工具下要将json表现格式的数据生成HTML是非常繁琐的,而且容易出错,不好维护。因此通过jquery.tmpl和定义HTML模板可以轻松很多,更利于维护。

 Tmpl提供了几种tag:

    1,   ${}:等同于{

{=}},是输出变量,通过了html编码的。

    2,  {

{html}}:输出变量html,但是没有html编码,适合输出html代码。

    3,  {

{if }} {
{else}}:提供了分支逻辑。

    4,  {

{each}}:提供循环逻辑,$value访问迭代变量。

 

基本使用

     1,首先我们需要引用jquery.js和jquery.tmpl.js

     2,定义一个模板

     3,调用tmpl()方法:$("模板ID").tmpl(data);

 

    new document       

     

      

    {

    {if }} {
    {else}}的使用

    明显对于性别Gender属性需要使用到{

    {if}}和{
    {else}}了

    修改一下模板  {

    {if}}后面加的就是符合if里面条件后要输出的HTML,  使用{
    {if}}需要有结束标记{
    {/if}}

  • ${NickName} ${Age} {
    {if Gender}} {
    {else}} {
    {/if}}
  •  {

    {each}}使用

     

      

     

    转载于:https://www.cnblogs.com/Sunlimi/p/4378646.html

    你可能感兴趣的文章
    [ES6] 16. Object Enhancements
    查看>>
    Jboss解决只能通过localhost访问而不能使用IP访问项目的问题
    查看>>
    phpstorm调试
    查看>>
    关于UNIX的exec函数
    查看>>
    定时刷新页面
    查看>>
    10.24
    查看>>
    VISUAL STUDIO 2005连接MYSQL数据库
    查看>>
    Android开发中,有哪些让你觉得相见恨晚的方法、类或接口?
    查看>>
    asp.net套打
    查看>>
    用户十秒离开你网站的15大原因
    查看>>
    通信之中的原理--噪声做加密
    查看>>
    java多线程编程题之连续打印abc的几种解法
    查看>>
    SUSE Linux Enterprise 11 安装 MySQL笔记
    查看>>
    Java程序性能优化
    查看>>
    经济类图书推荐--转自水木
    查看>>
    visual studio 安装相关
    查看>>
    TextView中设置不同颜色字体
    查看>>
    zoj 1842 Prime Distance
    查看>>
    Linux 文件属性
    查看>>
    Oracle基础学习笔记(一)
    查看>>