欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery獲取json后使用zy_tmpl生成下拉菜單

 更新時(shí)間：2015年03月27日 10:44:42   投稿：hebedich  
這篇文章主要介紹了我開發(fā)過(guò)程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實(shí)例，雖然是第一次寫關(guān)于AppCan開發(fā)的內(nèi)容，有需要的小伙伴可以參考下。

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

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

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

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

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

<!--下拉列表開始-->
<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ù)加載中，請(qǐng)稍候
      </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的更新。

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

請(qǐng)您花一點(diǎn)時(shí)間將文章分享給您的朋友或者留下評(píng)論。我們將會(huì)由衷感謝您的支持！

相關(guān)文章

最新評(píng)論