程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> jQuery獲取json後使用zy_tmpl生成下拉菜單,jsonzy_tmpl

jQuery獲取json後使用zy_tmpl生成下拉菜單,jsonzy_tmpl

編輯:關於PHP編程

jQuery獲取json後使用zy_tmpl生成下拉菜單,jsonzy_tmpl


第一次寫關於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的更新。

以上所述就是本文的全部內容了,希望大家能夠喜歡。

請您花一點時間將文章分享給您的朋友或者留下評論。我們將會由衷感謝您的支持!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved