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

yipeiwu_com5年前PHP代码库

第一次写关于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使用strtotime计算两个给定日期之间天数的方法

本文实例讲述了PHP使用strtotime计算两个给定日期之间天数的方法。分享给大家供大家参考。具体分析如下: PHP的strtotime函数用于将任何英文文本的日期时间描述解析为Uni...

php简单实现查询数据库返回json数据

示例代码一: // 设置返回json格式数据 header('content-type:application/json;charset=utf8'); //连接数据库 $link...

PHP设计模式之装饰器模式实例详解

PHP设计模式之装饰器模式实例详解

本文实例讲述了PHP设计模式之装饰器模式。分享给大家供大家参考,具体如下: 装饰器模式又叫装饰者模式。装饰模式是在不必改变原类文件和使用继承的情况下,动态地扩展一个对象的功能。它是通过创...

php自动注册登录验证机制实现代码

php自动注册登录验证机制实现代码

背景: 在phpwind站点后台添加一个名为“广告管家”(广告管家为CNZZ的一款广告投放的应用)的应用,整个“广告管家”的应用是通过iframe载入,载入的具体内容根据不同站点显示针对...

非常好用的两个PHP函数 serialize()和unserialize()

今天,在做一个关于PING服务的东西,由于不想把ping服务地址放进数据库中,那样不好,ping服务本来不是一个效率不高的事,再放进数据库中,不但更加降低了程序的效率,还给服务器带来不必...