jQuery獲取json后使用zy_tmpl生成下拉菜單
第一次寫關(guān)于AppCan開發(fā)的文章,有人寫了關(guān)于jQuery或者原生Ajax與json的交互,那我就稍微寫寫我開發(fā)過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實例吧。
PHP服務(wù)端生成json的那部分就不寫那么多了,就是輸入一個數(shù)組$res,然后
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時執(zhí)行g(shù)etlq();就能實現(xiàn)select的更新。
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
請您花一點時間將文章分享給您的朋友或者留下評論。我們將會由衷感謝您的支持!
相關(guān)文章
PHP使用curl請求實現(xiàn)post方式上傳圖片文件功能示例
這篇文章主要介紹了PHP使用curl請求實現(xiàn)post方式上傳圖片文件功能,結(jié)合實例形式分析了php使用curl進行文件傳輸?shù)南嚓P(guān)設(shè)置與使用操作技巧,需要的朋友可以參考下2018-06-06
(PHP實現(xiàn))只使用++運算實現(xiàn)加法,減法,乘法,除法
本篇文章是對(PHP實現(xiàn))只使用++運算實現(xiàn)加法,減法,乘法,除法的方法進行了詳細的分析介紹,需要的朋友參考下2013-06-06
PHP調(diào)用MsSQL Server 2012存儲過程獲取多結(jié)果集(包含output參數(shù))的詳解
本篇文章是對PHP調(diào)用MsSQL Server 2012存儲過程獲取多結(jié)果集(包含output參數(shù))的方法進行了詳細的分析介紹,需要的朋友參考下2013-07-07

