最简单的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>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。