jQuery获取json后使用zy_tmpl生成下拉菜单
第一次写关于AppCan开发的文章,有人写了关于jQuery或者原生Ajax与json的交互,那我就稍微写写我开发过程中使用jQuery获取json后使用zy_tmpl生成下拉菜单的实例吧。
PHP服务端生成json的那部分就不写那么多了,就是输入一个数组$res,然后
echo$_GET['jsoncallback']."(".json_encode($res).")";
在AppCan的模版中,先加入一个下拉菜单,我的菜单是:
<!--下拉列表开始--> <divclass="ui-has-label"> <labelclass="ui-select">选择楼群:</label> <divclass="ui-select"> <divclass="ui-btnui-btn-icon-rightui-btn-corner-allui-btn-b"> <spanclass="ui-btn-innerui-btn-corner-all"> <spanclass="ui-btn-text">楼名</span> <divclass="ui-li-link-altui-btnui-btn-corner-rightui-shadow"> <spanclass="ui-iconui-icon-arrow-dui-icon-shadow"></span> </div> </span> <selectname="lc"id="lc"selectedIndex="0"id="select-choice-0"onchange="zy_slectmenu(this.id)"> 数据加载中,请稍候 </select> </div> </div> </div> <!--下拉列表结束-->
然后在中加入:
functiongetlq(){ $.getJSON('http://localhost/json.php?jsoncallback=?',function(data){ vartmpl='<optionvalue="${BuildingId}">${BuildingName}</option>'; $("#lc").html(""); $("#lc").append(zy_tmpl(tmpl,data,zy_tmpl_count(data))); }) }
这样在onload或者onchange、onclick时执行getlq();就能实现select的更新。
以上所述就是本文的全部内容了,希望大家能够喜欢。
请您花一点时间将文章分享给您的朋友或者留下评论。我们将会由衷感谢您的支持!