jQuery獲取json后使用zy_tmpl生成下拉菜單
更新時(shí)間：2015年03月27日 10:44:42 投稿：hebedich
這篇文章主要介紹了我開發(fā)過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實(shí)例，雖然是第一次寫關(guān)于AppCan開發(fā)的內(nèi)容，有需要的小伙伴可以參考下。
第一次寫關(guān)于AppCan開發(fā)的文章，有人寫了關(guān)于jQuery或者原生Ajax與json的交互，那我就稍微寫寫我開發(fā)過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實(shí)例吧。
PHP服務(wù)端生成json的那部分就不寫那么多了，就是輸入一個數(shù)組$res,然后
復(fù)制代碼 代碼如下:
echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")";
在AppCan的模版中，先加入一個下拉菜單，我的菜單是：
<!--下拉列表開始-->
<div class=" ui-has-label">
<label class="ui-select ">選擇樓群：</label>
<div class="ui-select">
<div class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-btn-b">
<span class="ui-btn-inner ui-btn-corner-all" >
<span class="ui-btn-text">樓名</span>
<div class="ui-li-link-alt ui-btn ui-btn-corner-right ui-shadow">
<span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>
</div>
</span>
<select name="lc" id="lc" selectedIndex="0" id="select-choice-0" onchange="zy_slectmenu(this.id)">
數(shù)據(jù)加載中，請稍候
</select>
</div>
</div>
</div>
<!--下拉列表結(jié)束-->
然后在中加入：
function getlq(){
$.getJSON('http://localhost/json.php?jsoncallback=?', function(data) {
var tmpl='<option value="${BuildingId}">${BuildingName}</option>';
$("#lc").html("");
$("#lc").append(zy_tmpl(tmpl,data,zy_tmpl_count(data)));
})
}
這樣在onload或者onchange、onclick時(shí)執(zhí)行g(shù)etlq();就能實(shí)現(xiàn)select的更新。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
請您花一點(diǎn)時(shí)間將文章分享給您的朋友或者留下評論。我們將會由衷感謝您的支持！
相關(guān)文章
php加速緩存器opcache，apc，xcache，eAccelerator原理與配置方法實(shí)例分析
這篇文章主要介紹了php加速緩存器opcache，apc，xcache，eAccelerator原理與配置方法,結(jié)合實(shí)例形式分析了php加速緩存器opcache，apc，xcache，eAccelerator的基本功能、原理及擴(kuò)展配置相關(guān)操作技巧,需要的朋友可以參考下2020-03-03
PHP 強(qiáng)制性文件下載功能的函數(shù)代碼(任意文件格式)
PHP強(qiáng)制性文件下載函數(shù)代碼，使用此函數(shù)為用戶提供強(qiáng)制性的文件下載功能。2010-05-05
php 微信開發(fā)獲取用戶信息如何實(shí)現(xiàn)
這篇文章主要介紹了php 微信開發(fā)獲取用戶信息如何實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-12-12
本篇文章是對thinkphp中的導(dǎo)入文件標(biāo)簽進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
PHP 數(shù)組操作詳解【遍歷、指針、函數(shù)等】
這篇文章主要介紹了PHP 數(shù)組操作,結(jié)合實(shí)例形式詳細(xì)分析了PHP數(shù)組遍歷、指針、數(shù)組常用函數(shù)等相關(guān)原理、使用技巧與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
php通過正則表達(dá)式記取數(shù)據(jù)來讀取xml的方法
這篇文章主要介紹了php通過正則表達(dá)式記取數(shù)據(jù)來讀取xml的方法,實(shí)例分析了php正則表達(dá)式的技巧及讀取XML文件的方法,需要的朋友可以參考下2015-03-03
php將數(shù)據(jù)庫導(dǎo)出成excel的方法
有時(shí)寫程序時(shí)后臺要求把大量數(shù)據(jù)導(dǎo)入數(shù)據(jù)庫中，比如考試成績、電話簿等一般都是存放在excel中的數(shù)據(jù)，這時(shí)我們可把excel導(dǎo)出成csv文件，然后通過以下程序即可批量導(dǎo)入數(shù)據(jù)到數(shù)據(jù)庫中2010-05-05
php讀取mysql中文數(shù)據(jù)出現(xiàn)亂碼的解決方法
以下是對php讀取mysql中文數(shù)據(jù)出現(xiàn)亂碼問題的解決方法進(jìn)行了介紹，需要的朋友可以過來參考下2013-08-08
本文給大家分享的是php連接mysql數(shù)據(jù)庫的方式以及操作數(shù)據(jù)庫的方法,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了PHP抽象類基本用法,結(jié)合實(shí)例形式分析了php抽象類的概念、原理、定義、使用方法及相關(guān)操作注意事項(xiàng),代碼注釋包含較為詳盡的說明信息,需要的朋友可以參考下2018-12-12