Home >Backend Development >PHP Tutorial >After jQuery obtains json, use zy_tmpl to generate a drop-down menu, jsonzy_tmpl_PHP tutorial

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

WBOY
WBOYOriginal
2016-07-13 10:00:061019browse

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&#63;jsoncallback=&#63;', 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!

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/974665.htmlTechArticlejQuery 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 Regarding the interaction between jQuery or native Ajax and json, I will write a little bit...
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn