jquery插件:$.nano
最简单的jQuery模板引擎,仅九行代码,完美实现对JSON的解析。
专注于为中小企业提供成都网站制作、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业鄂托克前免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
- /* 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("
Hello {user.first_name} {user.last_name}! Your account is {user.account.status}
", data)
你将得到如下字符串:
Hello Thomas! Your account is active
新闻名称:jquery插件:$.nano
标题链接:http://hbruida.cn/article/jopcgj.html