首页 > Web开发 > 详细

js点击事件

时间:2019-07-10 19:52:25      阅读:80      评论:0      收藏:0      [点我收藏+]

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

<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" >
</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);
}
}
});
}
 
当打开界面就需要展示数据时候,才需要初始化。
 
 

js点击事件

原文:https://www.cnblogs.com/lovebear123/p/11165837.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!