成都网站建设设计

将想法与焦点和您一起共享

jquery插件:$.nano

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

专注于为中小企业提供成都网站制作、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业鄂托克前免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

 

  1. /* Nano Templates (Tomasz Mazur, Jacek Becela) */ 
  2. (function($){  
  3.   $.nano = function(template, data) {  
  4.     return template.replace(/\{([\w\.]*)\}/g, function (str, key) {  
  5.       var keys = key.split("."), value = data[keys.shift()];  
  6.       $.each(keys, function () { value = value[this]; });  
  7.       return (value === null || value === undefined) ? "" : value;  
  8.     });  
  9.   };  
  10. })(jQuery);  
  11.  
  12.  

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

假如你有如下JSON数据:

 

  1. data= {  
  2.   user: {  
  3.     login: "tomek",  
  4.     first_name: "Thomas",  
  5.     last_name: "Mazur",  
  6.     account: {  
  7.       status: "active",  
  8.       expires_at: "2009-12-31" 
  9.     }  
  10.   }  

你有如下的模板:

 

  1. $.nano("

    Hello {user.first_name} {user.last_name}! Your account is {user.account.status}

    ", data) 

你将得到如下字符串:

 

  1. Hello Thomas! Your account is active

     

 


当前题目:jquery插件:$.nano
转载注明:http://chengdu.cdxwcx.cn/article/jopcgj.html