zoukankan      html  css  js  c++  java
  • jquery插件:$.nano 拓荒者

    最简单的jQuery模板引擎,仅九行代码,完美实现对JSON的解析。

    /* Nano Templates (Tomasz Mazur, Jacek Becela) */
    (function($){
      $.nano = function(template, data) {
        return template.replace(/\{([\w\.]*)\}/g, function (str, key) {
          var keys = key.split("."), value = data[keys.shift()];
          $.each(keys, function () { value = value[this]; });
          return (value === null || value === undefined) ? "" : value;
        });
      };
    })(jQuery);

    源码地址:https://github.com/trix/nano

    假如你有如下JSON数据:

    data= {
      user: {
        login: "tomek",
        first_name: "Thomas",
        last_name: "Mazur",
        account: {
          status: "active",
          expires_at: "2009-12-31"
        }
      }
    }  

    你有如下的模板:

    $.nano("<p>Hello {user.first_name} {user.last_name}! Your account is <strong>{user.account.status}</strong></p>", data)

    你将得到如下字符串:

    <p>Hello Thomas! Your account is <strong>active</strong></p>

    很简单吧!!

  • 相关阅读:
    java下载url图片链接
    mysql 设计索引的原则
    169. 多数元素
    263. 丑数
    markdown 语法笔记
    70.爬楼梯
    540. 有序数组中的单一元素
    88. 合并两个有序数组
    面试题57
    152. 乘积最大子序列
  • 原文地址:https://www.cnblogs.com/youring2/p/2553629.html
Copyright © 2011-2022 走看看