快捷導(dǎo)航

jQuery獲取json后使用zy_tmpl生成下拉菜單

更新時(shí)間：2015年03月27日 10:44:42 投稿：hebedich

這篇文章主要介紹了我開發(fā)過(guò)程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實(shí)例，雖然是第一次寫關(guān)于AppCan開發(fā)的內(nèi)容，有需要的小伙伴可以參考下。

第一次寫關(guān)于AppCan開發(fā)的文章，有人寫了關(guān)于jQuery或者原生Ajax與json的交互，那我就稍微寫寫我開發(fā)過(guò)程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實(shí)例吧。

PHP服務(wù)端生成json的那部分就不寫那么多了，就是輸入一個(gè)數(shù)組$res,然后

復(fù)制代碼代碼如下:

echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")";

在AppCan的模版中，先加入一個(gè)下拉菜單，我的菜單是：

<!--下拉列表開始-->
<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)">
        數(shù)據(jù)加載中，請(qǐng)稍候
      </select>
    </div>
  </div>
</div>
<!--下拉列表結(jié)束-->

然后在中加入：

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時(shí)執(zhí)行g(shù)etlq();就能實(shí)現(xiàn)select的更新。

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

請(qǐng)您花一點(diǎn)時(shí)間將文章分享給您的朋友或者留下評(píng)論。我們將會(huì)由衷感謝您的支持！

您可能感興趣的文章:

相關(guān)文章

php加速緩存器opcache，apc，xcache，eAccelerator原理與配置方法實(shí)例分析
這篇文章主要介紹了php加速緩存器opcache，apc，xcache，eAccelerator原理與配置方法,結(jié)合實(shí)例形式分析了php加速緩存器opcache，apc，xcache，eAccelerator的基本功能、原理及擴(kuò)展配置相關(guān)操作技巧,需要的朋友可以參考下
2020-03-03
PHP 強(qiáng)制性文件下載功能的函數(shù)代碼(任意文件格式)
PHP強(qiáng)制性文件下載函數(shù)代碼，使用此函數(shù)為用戶提供強(qiáng)制性的文件下載功能。
2010-05-05
php 微信開發(fā)獲取用戶信息如何實(shí)現(xiàn)
這篇文章主要介紹了php 微信開發(fā)獲取用戶信息如何實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2016-12-12
解析thinkphp中的導(dǎo)入文件標(biāo)簽
本篇文章是對(duì)thinkphp中的導(dǎo)入文件標(biāo)簽進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-06-06
PHP 數(shù)組操作詳解【遍歷、指針、函數(shù)等】
這篇文章主要介紹了PHP 數(shù)組操作,結(jié)合實(shí)例形式詳細(xì)分析了PHP數(shù)組遍歷、指針、數(shù)組常用函數(shù)等相關(guān)原理、使用技巧與操作注意事項(xiàng),需要的朋友可以參考下
2020-05-05
php通過(guò)正則表達(dá)式記取數(shù)據(jù)來(lái)讀取xml的方法
這篇文章主要介紹了php通過(guò)正則表達(dá)式記取數(shù)據(jù)來(lái)讀取xml的方法,實(shí)例分析了php正則表達(dá)式的技巧及讀取XML文件的方法,需要的朋友可以參考下
2015-03-03
php將數(shù)據(jù)庫(kù)導(dǎo)出成excel的方法
有時(shí)寫程序時(shí)后臺(tái)要求把大量數(shù)據(jù)導(dǎo)入數(shù)據(jù)庫(kù)中，比如考試成績(jī)、電話簿等一般都是存放在excel中的數(shù)據(jù)，這時(shí)我們可把excel導(dǎo)出成csv文件，然后通過(guò)以下程序即可批量導(dǎo)入數(shù)據(jù)到數(shù)據(jù)庫(kù)中
2010-05-05
php讀取mysql中文數(shù)據(jù)出現(xiàn)亂碼的解決方法
以下是對(duì)php讀取mysql中文數(shù)據(jù)出現(xiàn)亂碼問(wèn)題的解決方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下
2013-08-08
php與Mysql的一些簡(jiǎn)單的操作
本文給大家分享的是php連接mysql數(shù)據(jù)庫(kù)的方式以及操作數(shù)據(jù)庫(kù)的方法,需要的朋友可以參考下
2015-02-02
PHP抽象類基本用法示例
這篇文章主要介紹了PHP抽象類基本用法,結(jié)合實(shí)例形式分析了php抽象類的概念、原理、定義、使用方法及相關(guān)操作注意事項(xiàng),代碼注釋包含較為詳盡的說(shuō)明信息,需要的朋友可以參考下
2018-12-12