时时商务社区

标题: jQuery获取json后使用zy_tmpl生成下拉菜单 [打印本页]

作者: 阿情 时间: 2018-2-14 05:47

         第一次写关于AppCan开发的文章，有人写了关于jQuery或者原生Ajax与json的交互，那我就稍微写写我开发过程中使用jQuery获取json后使用zy_tmpl生成下拉菜单的实例吧。
PHP服务端生成json的那部分就不写那么多了，就是输入一个数组$res,然后
[U]复制代码[/U] 代码如下:
echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")";
在AppCan的模版中，先加入一个下拉菜单，我的菜单是：
  选择楼群：



      楼名





      数据加载中，请稍候



然后在中加入：
function getlq(){
  $.getJSON('http://localhost/json.php?jsoncallback=?', function(data) {
var tmpl='${BuildingName}';
$("#lc").html("");
$("#lc").append(zy_tmpl(tmpl,data,zy_tmpl_count(data)));
  })
}
这样在onload或者onchange、onclick时执行getlq();就能实现select的更新。
以上所述就是本文的全部内容了，希望大家能够喜欢。
请您花一点时间将文章分享给您的朋友或者留下评论。我们将会由衷感谢您的支持！


您可能感兴趣的文章:

采用CSS和JS,刚好我最近有个站点要用到下拉菜单!

css+js下拉菜单

JS+CSS 制作的超级简单的下拉菜单附图

jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动

一个css与js结合的下拉菜单支持主流浏览器

js+CSS实现模拟华丽的select控件下拉菜单效果

js+css实现超简洁的二级下拉菜单效果代码

js,jq,css多方面实现简易下拉菜单功能

欢迎光临时时商务社区 (http://bbs.4435.cn/)