After jQuery obtains json, use zy_tmpl to generate a drop-down menu, jsonzy_tmpl_PHP tutorial

jQuery uses zy_tmpl to generate a drop-down menu after getting json, jsonzy_tmpl

This is the first time I wrote an article about AppCan development. Someone wrote about the interaction between jQuery or native Ajax and json. Then I will briefly write about an example of using jQuery to obtain json and then using zy_tmpl to generate a drop-down menu during my development process.

The part where the PHP server generates json is not so much, just input an array $res, and then

Copy code The code is as follows:
echo $_GET['jsoncallback'] . "(" . json_encode($res) . ")";

In the AppCan template, first add a drop-down menu. My menu is:

<!--下拉列表开始-->
<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>
<!--下拉列表结束-->

Then add in:

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)));
  })
}

In this way, when you execute getlq(); on onload, onchange, or onclick, you can update the select.

The above is the entire content of this article, I hope you all like it.

Please take a moment to share the article with your friends or leave a comment. We will sincerely thank you for your support!