| 标题 | jQuery获取json后使用zy_tmpl生成下拉菜单 |
| 范文 | 这篇文章主要介绍了我开发过程中使用jQuery获取json后使用zy_tmpl生成下拉菜单的实例，虽然是第一次写关于AppCan开发的内容，有需要的小伙伴可以参考下。 第一次写关于AppCan开发的文章，有人写了关于jQuery或者原生Ajax与json的交互，那我就稍微写写我开发过程中使用jQuery获取json后使用zy_tmpl生成下拉菜单的实例吧。 PHP服务端生成json的那部分就不写那么多了，就是输入一个数组$res,然后 代码如下: echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")"; 在AppCan的模版中，先加入一个下拉菜单，我的菜单是： <!--下拉列表开始--> <div> <label>选择楼群：</label> <div> <div> <span > <span>楼名</span> <div> <span></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?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时执行getlq();就能实现select的更新。 以上所述就是本文的全部内容了，希望大家能够喜欢。 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。