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中使用Oracle数据库(1)
Oct 09 PHP
php 获取完整url地址
Dec 20 PHP
php开发文档 会员收费1期
Aug 14 PHP
php魔术方法与魔术变量、内置方法与内置变量的深入分析
Jun 03 PHP
php准确获取文件MIME类型的方法
Jun 17 PHP
php实现word转html的方法
Jan 22 PHP
PHP实现数据分页显示的简单实例
May 26 PHP
详解Laravel视图间共享数据与视图Composer
Aug 04 PHP
PHP设计模式之装饰器模式实例详解
Feb 07 PHP
php 中phar包的使用教程详解
Oct 26 PHP
Laravel事件监听器用法实例分析
Mar 12 PHP
PHP实现倒计时功能
Nov 16 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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
输出控制类
2006/10/09 PHP
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
PHP 表单提交给自己
2008/07/24 PHP
php+mysql 实现身份验证代码
2010/03/24 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
常用参考资料(手册)下载或者链接
2006/07/22 Javascript
JS的递增/递减运算符和带操作的赋值运算符的等价式
2007/12/08 Javascript
javascript动态的改变IFrame的高度实现自动伸展
2013/10/12 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
JS实现简单的顶部定时关闭层效果
2014/06/15 Javascript
JavaScript中数据结构与算法(三):链表
2015/06/19 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
2015/10/04 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
2016/01/14 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
一次$.getJSON不执行的简单记录
2016/07/19 Javascript
微信小程序实现实时圆形进度条的方法示例
2017/02/24 Javascript
JavaScript实现省市县三级级联特效
2017/05/16 Javascript
基于JSON数据格式详解
2017/08/31 Javascript
微信小程序之页面拦截器的示例代码
2017/09/07 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
给Django Admin添加验证码和多次登录尝试限制的实现
2020/07/26 Python
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
酒店led欢迎词
2014/01/09 职场文书
考试退步检讨书
2014/01/15 职场文书
自我介绍演讲稿
2014/01/15 职场文书
采购部经理岗位职责
2014/02/10 职场文书
物流管理专业毕业生自荐信
2014/03/04 职场文书
火锅店的活动方案
2014/08/15 职场文书
教师三严三实对照检查材料
2014/09/25 职场文书
英语辞职信怎么写
2015/02/28 职场文书
房屋产权证明书
2015/06/19 职场文书
重阳节活动主持词
2015/07/04 职场文书