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

字號:


    這篇文章主要介紹了我開發(fā)過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實例,雖然是第一次寫關于AppCan開發(fā)的內容,有需要的小伙伴可以參考下。
    第一次寫關于AppCan開發(fā)的文章,有人寫了關于jQuery或者原生Ajax與json的交互,那我就稍微寫寫我開發(fā)過程中使用jQuery獲取json后使用zy_tmpl生成下拉菜單的實例吧。
    PHP服務端生成json的那部分就不寫那么多了,就是輸入一個數組$res,然后
    代碼如下:
    echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")";
    在AppCan的模版中,先加入一個下拉菜單,我的菜單是:
    <!--下拉列表開始-->
    <div>
    <label>選擇樓群:</label>
    <div>
    <div>
    <span >
    <span>樓名</span>
    <div>
    <span></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時執(zhí)行getlq();就能實現select的更新。
    以上所述就是本文的全部內容了,希望大家能夠喜歡。