最近一直在学jquery，当然也是鉴于对其ajax处理的着迷，简单快速！！所以把自己的学习笔记贴出来，一是巩固自己的知识，二是给大家参考！！！

在这一节中主要是练习ajax中的$.post("url",{key:value},callback())的使用。
第一步：在你的数据库中建立一个表，用来储存测试的信息：
CREATE TABLE `directory` (
`id` INT NOT NULL AUTO_INCREMENT ,
`name` VARCHAR( 64 ) NOT NULL ,
`phone` VARCHAR( 16 ) NOT NULL ,
PRIMARY KEY ( `id` )
) TYPE = MYISAM ;
我们建立一个directory表来储存测试信息，然后我们向其中出入几条测试数据：
insert into `directory` (name,phone) values ('Tom Smith', '512-555-0111');
insert into `directory` (name,phone) values ('Bill Smith', '512-555-0112');
insert into `directory` (name,phone) values ('John Smith', '512-555-0113');
insert into `directory` (name,phone) values ('Jane Smith', '512-555-0114');
insert into `directory` (name,phone) values ('Sara Smith', '512-555-0115');
到现在为止第一步也就完成了，接下来我们来进行第二步；
第二步：建立index.php文件代码如下：

Welcome to Ajax!!
<script type="text/java script" src="./jquery.js">
<script type="text/java script">
$(document).ready(function(){
$("#search_results").slideUp();
$("#search_button").click(function(e){
e.preventDefault();
ajax_search();
});
$("#search_term").keyup(function(e){
e.preventDefault();
ajax_search();
});
});
function ajax_search(){
$("#search_results").show();
var search_val=$("#search_term").val();
$.post("./find.php",{search_term:search_val},function(data){
if(data.length>0){
$("#search_results").html(data);
}
}
)
}

Search Our Phone Directory

Search Name/Phone

接下来第三步：
第三步：建立find.php：
< php
define('HOST',"localhost");
define('USER',"root");
define('PWD',"");
define('DB','test');

$connect = mysql_connect(HOST,USER,PWD) or die("数据库连接失败！");
mysql_select_db(DB) or die("选择数据库失败");

$term=$_POST['search_term'];
//$term="Bill";

$sql = "select name,phone from directory where name like '%".$term."%' order by name asc";

//echo $sql;

$result = mysql_query($sql);

$string = "";

if(mysql_num_rows($result)>0){
while ($row = mysql_fetch_array($result)){
$string .="".$row['name']."-";
$string .="".$row['phone']."";
$string .="
\n";
}
}else{
$string = "No matches";
}

echo $string;

把上述的代码放到你的服务其上边运行就可以了吼吼简单吧！！！

再上一节中的$.post()方法是对底层ajax的一个快速封装，那么下边让我们看一看用底层的$.ajax()方法怎么实现上述的功能，简而言之，就是再在js中添加一个函数，代码如下：
function ajax(){
$("#search_results").show();
var search_value=$("#search_input").val();
$.ajax({
type:"post",
url:"./find.php",
data:{'search':search_value},
success:function(data){
if(data.length>0){
$("#search_results").html(data);
}
}
})
接下来然后把上边的那个ajax_search()函数全部替换掉再试试，是不是跟原来的结果一样啊！！！

作者“You_Can”

jquery中使用ajax的php实例

Search Our Phone Directory