溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jquery插件：$.nano

發(fā)布時(shí)間：2020-06-25 21:55:48 來源：網(wǎng)絡(luò) 閱讀：926 作者：lingbi05 欄目：web開發(fā)

最簡單的jQuery模板引擎，僅九行代碼，完美實(shí)現(xiàn)對JSON的解析。

 

  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數(shù)據(jù)：

 

  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.   }  
  11. } 

你有如下的模板：

 

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

你將得到如下字符串：

 

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

 

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手