jQuery外掛Tmpl使用方法簡單介紹

admin發表於2017-04-05
jQuery

下面介紹一下Tmpl的使用方法，需要的朋友可以做一下參考。

一.引入指令碼:

a:3:{s:3:\"pic\";s:43:\"portal/201704/05/232706u1xk01130y1xi110.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

二.編寫模板:

（1）.假設此時有一個，從後臺一json格式傳送來的資料:

[JavaScript] 純文字檢視 複製程式碼
[{"tId":1,"tName":"張三","tAge":14,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}},
{"tId":2,"tName":"李四","tAge":25,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}},
{"tId":4,"tName":"趙六 ","tAge":16,"tClass":2,"TeachClass":{"cId":2,"cName":"2班"}}]

（2）.此時你要顯示的內容如下:

a:3:{s:3:\"pic\";s:43:\"portal/201704/05/232754ok2xzk7jq17wj7kc.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

然後按照你要顯示的內容，設定模板:

類似於aspx中的repeater控制元件，記得要設定id。

a:3:{s:3:\"pic\";s:43:\"portal/201704/05/232827ekmwii47agg0w2wk.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

三.填寫模板:

按照上面的假設，後臺返回的是一個json格式的字串，那麼通過ajax請求，並填寫模板

a:3:{s:3:\"pic\";s:43:\"portal/201704/05/232905bfflypxfjtrlztaj.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

四.效果如下:

a:3:{s:3:\"pic\";s:43:\"portal/201704/05/232936plultgfau0fyatlf.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

相關文章