溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
最簡單的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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
