当前位置:首页 > PHP教程 > php应用 > 列表

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

发布:smiling 来源: PHP粉丝网  添加日期:2021-05-18 21:27:11 浏览: 评论:0 

这篇文章主要介绍了我开发过程中使用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.   }) 

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

以上所述就是本文的全部内容了,希望大家能够喜欢。

Tags: jQuery获取json zy_tmpl

分享到: