ajax php jquery （1）

最新推荐文章于 2024-09-03 15:28:18 发布

花大师

最新推荐文章于 2024-09-03 15:28:18 发布

阅读量430

点赞数

分类专栏： jquery 文章标签： ajax jquery php search function button

本文链接：https://blog.csdn.net/zizhilianqiu/article/details/6687678

版权

jquery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>php+ajax+jquery打造的网站查询</title>
<script src="../jquery/jquery.js"></script>
</head>
<body>
<h1>搜索我们的电话目录</h1>
<form id="searchform" method="post">
<div>

<label for="search_term">搜索名称/电话</label>
<input type="text" name="search_term" id="search_term" />
<input type="submit" value="查找" id="search_button" />
</div>
</form>
<div id="search_results" style="display:none"></div>
</body>
</html>
<script>
$(function(){

//向上开始变小
$("#search_results").slideUp();

//点击查找的时候
$("#search_button").click(function(e){
e.preventDefault;
ajax_search();
});

// 输入搜索以后

$("#search_term").keyup(function(e){

if($(this).val() == '')
{
alert('您没有输入任何东西');
return false;
}else{

ajax_search();
}
});
});