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>

    很简单吧!!

  • 相关阅读:
    【2019/3/23】周进度报告
    第十周总结
    程序员修炼之道-从小工到专家阅读笔记01
    第九周总结
    用户模板和用户场景
    一维数组最大子数组续
    程序员的自我修养阅读笔记03
    第八周总结
    NABCD项目分析
    第七周总结
  • 原文地址:https://www.cnblogs.com/youring2/p/2553629.html
Copyright © 2011-2022 走看看