jQuery插件Tmpl的簡單使用方法

更新時間：2015年04月27日 09:50:55 投稿：hebedich

JavaScript 也可以利用模版來解決這些問題，比如基于 jQuery 的 jquery.tmpl，現(xiàn)在已經(jīng)被接受為官方的模版插件了。詳細(xì)的 API 在 jQuery 的 Templates 里，內(nèi)置的 demo 也盡情地演示了各種用法。

1.引入腳本

2.編寫模板

2.1假設(shè)此時有一個，從后臺一json格式發(fā)送來的數(shù)據(jù)

復(fù)制代碼代碼如下:

[{"tId":1,"tName":"張三","tAge":14,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}},

復(fù)制代碼代碼如下:

{"tId":2,"tName":"李四","tAge":25,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}},

復(fù)制代碼代碼如下:

{"tId":4,"tName":"趙六 ","tAge":16,"tClass":2,"TeachClass":{"cId":2,"cName":"2班"}}]

2.2此時你要顯示的內(nèi)容如下

然后按照你要顯示的內(nèi)容，設(shè)置模板：

【類似于aspx中的repeater控件】

【注：記得要設(shè)置id】

3.填寫模板

按照上面的假設(shè)，后臺返回的是一個json格式的字符串，那么通過ajax請求，并填寫模板

4.看到了效果頁面

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

jQuery源碼分析-03構(gòu)造jQuery對象-工具函數(shù)
jQuery源碼分析-03構(gòu)造jQuery對象-工具函數(shù)，需要的朋友可以參考下。
2011-11-11
基于jquery css3實現(xiàn)點擊動畫彈出表單源碼特效
這篇文章主要介紹了基于jquery css3實現(xiàn)點擊動畫彈出表單,彈出的表單沒有任何遮蓋層，在web前端程序開發(fā)中經(jīng)常會用到，需要的朋友可以參考下
2015-08-08
jQuery插件FusionCharts繪制的3D雙柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D雙柱狀圖效果,涉及jQuery使用插件FusionCharts結(jié)合xml數(shù)據(jù)繪制的3D雙柱狀圖的相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
jQuery在線選座位插件seat-charts特效代碼分享
這篇文章主要介紹了jQuery在線選座位插件seat-charts特效，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
jQuery實現(xiàn)“掃碼閱讀”功能
這篇文章主要介紹了jQuery實現(xiàn)“掃碼閱讀”功能方法的相關(guān)資料,需要的朋友可以參考下
2015-01-01
jquery實現(xiàn)submit提交表單
這篇文章主要介紹了jquery實現(xiàn)submit提交表單的相關(guān)資料,需要的朋友可以參考下
2015-02-02
JQuery 操作/獲取table具體代碼
table在使用中比較廣泛，下面與大家分享下JQuery操作/獲取table的基本方法，感興趣的朋友可以參考下哈
2013-06-06
jQuery常見的遍歷DOM操作詳解
這篇文章主要介紹了jQuery常見的遍歷DOM操作,結(jié)合實例形式詳細(xì)分析了針對DOM節(jié)點的parent()、parents()、parentsUntil()、find()、eq()、filter()等各種遍歷操作相關(guān)函數(shù)與使用技巧,需要的朋友可以參考下
2018-09-09
jquery異步請求實例代碼
jquery異步請求實例代碼，需要的朋友可以參考下。
2011-06-06
jQuery中children()方法用法實例
這篇文章主要介紹了jQuery中children()方法用法,實例分析了children()方法的功能、定義及過濾所匹配子元素的使用技巧,需要的朋友可以參考下
2015-01-01