标签：username function json js 获取数据 点击 事件 indexs data

搜索框动态数据点击事件，动态获取数据

<button type="button" class="btn_reach" onclick="disserach_click()">搜索</button>     搜索框模板 <script id="disREACHE" type="text/html"> <div class="pet_list_one_info_ico heardlndex"> <img class="heardImg" src="../../Static/Img/小丸子呀.jpeg" alt=""> </div> <div class="pet_list_one_info_name"> <label class="heard_lab">昵称：</label> <label class="heard_lab lable_name">{{data.username}}</label><br> <label class="heard_lab">手机号：</label><label class="heard_lab lable_name">{{data.mobile}}</label><br> </div> </script>       function disserach_click() {   var username = $(".reach").val();// 获取数据 $.ajax({ type: "GET", url: http + 'UserInfo?username=' + username, //get传参方法 contentType: 'application/json', dataType: "json", success: function (data) { if (data.state == 1) { var result = template("disREACHE", data) $("#indexs").html(""); //清空缓存 $("#indexs").append(result); } else { alert('接口获取错误:' + data.info); } } }); }   当打开界面就需要展示数据时候，才需要初始化。    

标签：username,function,json,js,获取数据,点击,事件,indexs,data
来源： https://www.cnblogs.com/lovebear123/p/11165837.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。