jQuery获取json后使用zy_tmpl生成下拉菜单

jQuery获取json后使用zy_tmpl生成下拉菜单_php技巧

php中文网

发布： 2016-05-16 20:19:05

原创

1061人浏览过

第一次写关于appcan开发的文章，有人写了关于jquery或者原生ajax与json的交互，那我就稍微写写我开发过程中使用jquery获取json后使用zy_tmpl生成下拉菜单的实例吧。

PHP服务端生成json的那部分就不写那么多了，就是输入一个数组$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)">
        数据加载中，请稍候
      </select>
    </div>
  </div>
</div>
<!--下拉列表结束-->

登录后复制

然后在中加入：

function getlq(){
  $.getJSON('http://localhost/json.php&#63;jsoncallback=&#63;', function(data) {
    var tmpl='<option value="${BuildingId}">${BuildingName}</option>';
    $("#lc").html("");
    $("#lc").append(zy_tmpl(tmpl,data,zy_tmpl_count(data)));
  })
}

登录后复制

这样在onload或者onchange、onclick时执行getlq();就能实现select的更新。