简单做了一下,不完整的,一个ajax请求的页面:ajax_service.php,代码如下:
复制内容到剪贴板
代码:
<?php
$keyword=$_GET['keyword'];
if(!$keyword){
echo -1;
exit;
}
mysql_connect("localhost", "root", "") or
die("Could not connect: " . mysql_error());
mysql_select_db("test");
//修改这里的搜索条件
$result = mysql_query("SELECT * FROM keywords");
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
if(!empty($returnStr)){
$returnStr.='*';
}
$returnStr.=$row['keyword'];
}
mysql_free_result($result);
if(!empty($returnStr)){
echo $returnStr;
exit;
}else{
echo -1;
exit;
}
?>另一个搜索页代码:
复制内容到剪贴板
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery.js"></script>
<style type="text/css">
.main{
width:800px;
height:200px;
margin:0 auto;
}
.searchForm{
width:400px;
height:100px;
margin:50px auto;
}
.keywords{
width:200px;
display:none;
}
</style>
<script type="text/javascript">
function getKeyword(){
$.get('ajax_service.php',
{keyword("#key").val()},
function(data){
if(data!=-1){
alert(data);
//$("#keyword_list").attr("style",'display:block;');
document.getElementById('keyword_list').style.display='block';
//构造这里的html代码
$("#keyword_list").html(data);
}
});
}
</script>
</head>
<body>
<div class="main">
<div class="searchForm">
<form action="" method="get">
<input name="key" type="text" style="width:200px;" id="key" onkeyup="javascript:getKeyword();" /> <input name="submit" type="submit" value="搜索" />
<div class="keywords" id="keyword_list"></div>
</form>
</div>
</div>
</body>
</html>其他的,自己实现吧
如果有其他问题,跟帖吧..哈哈
[
本帖最后由 kevin 于 2009-4-10 10:16 编辑 ]
