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


Posted in PHP onMarch 27, 2015

第一次写关于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?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的更新。

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

请您花一点时间将文章分享给您的朋友或者留下评论。我们将会由衷感谢您的支持!

PHP 相关文章推荐
文件上传的实现
Oct 09 PHP
phpMyAdmin下载、安装和使用入门教程
May 31 PHP
PHP语言中global和$GLOBALS[]的分析 之二
Feb 02 PHP
如何使用php绘制在图片上的正余弦曲线
Jun 08 PHP
实测在class的function中include的文件中非php的global全局环境
Jul 15 PHP
PHP中4个加速、缓存扩展的区别和选用建议
Mar 12 PHP
javascript+php实现根据用户时区显示当地时间的方法
Mar 11 PHP
PHP实现的QQ空间g_tk加密算法
Jul 09 PHP
nginx下安装php7+php5
Jul 31 PHP
PHP命名空间namespace用法实例分析
Sep 27 PHP
浅析PHP开发规范
Feb 05 PHP
PHP中检查isset()和!empty()函数的必要性
Feb 13 PHP
PHP5.3以上版本安装ZendOptimizer扩展
Mar 27 #PHP
使用GD库生成带阴影文字的图片
Mar 27 #PHP
Ubuntu12下编译安装PHP5.3开发环境
Mar 27 #PHP
php按字符无乱码截取中文的方法
Mar 27 #PHP
php实现字符串翻转的方法
Mar 27 #PHP
Ubuntu中启用php的mail()函数并解决发送邮件速度慢问题
Mar 27 #PHP
php字符串函数学习之substr()
Mar 27 #PHP
You might like
虫族 Zerg 魔法科技
2020/03/14 星际争霸
php calender(日历)二个版本代码示例(解决2038问题)
2013/12/24 PHP
php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
基于PHP的微信公众号的开发流程详解
2020/08/07 PHP
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
JavaScript 创建对象
2009/07/17 Javascript
js getElementsByTagName的简写方式
2010/06/27 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
2010/09/14 Javascript
javascript动态加载实现方法一
2012/08/22 Javascript
关于img的href和src取变量及赋值的方法
2014/04/28 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
AngularJS页面带参跳转及参数解析操作示例
2017/06/28 Javascript
Angular简单验证功能示例
2017/12/22 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
vue-cli的工程模板与构建工具详解
2018/09/27 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
2019/06/06 jQuery
python逐行读取文件内容的三种方法
2014/01/20 Python
Python中的魔法方法深入理解
2014/07/09 Python
python文件和目录操作函数小结
2014/07/11 Python
Python 功能和特点(新手必学)
2015/12/30 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
用Python和WordCloud绘制词云的实现方法(内附让字体清晰的秘笈)
2019/01/08 Python
简单了解python 生成器 列表推导式 生成器表达式
2019/08/22 Python
Java多线程实现四种方式原理详解
2020/06/02 Python
三年大学生活自我鉴定
2014/01/21 职场文书
爱护公物演讲稿
2014/09/09 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
初婚初育证明范本
2014/11/24 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
爱国主义影片观后感
2015/06/18 职场文书
总结Python连接CS2000的详细步骤
2021/06/23 Python
python利用while求100内的整数和方式
2021/11/07 Python