這篇文章主要介紹了我開發過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實例，雖然是第一次寫關于AppCan開發的內容，有需要的小伙伴可以參考下。

第一次寫關于AppCan開發的文章，有人寫了關于jQuery或者原生Ajax與json的交互，那我就稍微寫寫我開發過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實例吧。

PHP服務端生成json的那部分就不寫那么多了，就是輸入一個數組$res,然后

復制代碼代碼如下:

echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")";

在AppCan的模版中，先加入一個下拉菜單，我的菜單是：

1. <!--下拉列表開始--> 
2. <div class=" ui-has-label"> 
3. <label class="ui-select ">選擇樓群：</label> 
4. <div class="ui-select"> 
5. <div class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-btn-b"> 
6. <span class="ui-btn-inner ui-btn-corner-all" > 
7. <span class="ui-btn-text">樓名</span> 
8. <div class="ui-li-link-alt ui-btn ui-btn-corner-right ui-shadow"> 
9. <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span> 
10. </div> 
11. </span> 
12. <select name="lc" id="lc" selectedIndex="0" id="select-choice-0" onchange="zy_slectmenu(this.id)"> 
13. 數據加載中，請稍候 
14. </select> 
15. </div> 
16. </div> 
17. </div> 
18. <!--下拉列表結束--> 

然后在中加入：

1. function getlq(){ 
2. $.getJSON('http://localhost/json.php?jsoncallback=?', function(data) { 
3. var tmpl='<option value="${BuildingId}">${BuildingName}</option>'; 
4. $("#lc").html(""); 
5. $("#lc").append(zy_tmpl(tmpl,data,zy_tmpl_count(data))); 
6. }) 
7. } 

這樣在onload或者onchange、onclick時執行getlq();就能實現select的更新。

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

請您花一點時間將文章分享給您的朋友或者留下評論。我們將會由衷感謝您的支持!