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 相关文章推荐
php小技巧之过滤ascii控制字符
May 14 PHP
ioncube_loader_win_5.2.dll的错误解决方法
Jan 04 PHP
php+mysql实现无限分类实例详解
Jan 15 PHP
PHP结合jQuery实现找回密码
Jul 22 PHP
腾讯CMEM的PHP扩展编译安装方法
Sep 25 PHP
php获取一定范围内取N个不重复的随机数
May 28 PHP
全面解析PHP验证码的实现原理 附php验证码小案例
Aug 17 PHP
php 查找数组元素提高效率的方法详解
May 05 PHP
Laravel框架用户登陆身份验证实现方法详解
Sep 14 PHP
基于php双引号中访问数组元素报错的解决方法
Feb 01 PHP
PHP的mysqli_sqlstate()函数讲解
Jan 23 PHP
yii2 开发api接口时优雅的处理全局异常的方法
May 14 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
PHP集成FCK的函数代码
2008/09/27 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
js实现四舍五入完全保留两位小数的方法
2016/08/02 Javascript
javascript阻止事件冒泡和浏览器的默认行为
2017/01/21 Javascript
Angular开发者指南之入门介绍
2017/03/05 Javascript
Vue响应式添加、修改数组和对象的值
2017/03/20 Javascript
bootstrap常用组件之头部导航实现代码
2017/04/20 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
微信公众号生成新浪短网址的实现(快速生成)
2019/08/18 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
2019/09/02 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
pygame实现弹力球及其变速效果
2017/07/03 Python
Django rest framework基本介绍与代码示例
2018/01/26 Python
python删除本地夹里重复文件的方法
2020/11/19 Python
python中while和for的区别总结
2019/06/28 Python
Django 实现前端图片压缩功能的方法
2019/08/07 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
c++工程师面试问题
2013/08/04 面试题
总裁岗位职责
2013/12/04 职场文书
高考备战决心书
2014/03/11 职场文书
《陈涉世家》教学反思
2014/04/12 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
邓小平理论心得体会
2014/09/09 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书
联村联户简报
2015/07/21 职场文书
小学思想品德教学反思
2016/02/24 职场文书
2019军训心得体会
2019/06/27 职场文书
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技