求 jquery autocomplete 和数据库 连接,即数据来自数据库??急急急
jquery autocomplete 代码:
以下代码里面的搜索是写死的,我想根据输入的内容去到数据库里面查询,数据库是 mysql 的,开发环境是php
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.autocomplete.min.js"></script>
<link rel="Stylesheet" href="jquery.autocomplete.css" />
<script type="text/javascript">
var websites = [
"上海","海浪", "北京", "广州", "Sogou", "Baidu", "Tencent",
"Taobao", "Tom", "Yahoo", "JavaEye", "Csdn", "Alipay"
];
$().ready(function() {
$("#website").autocomplete(websites);
});
</script>
</head>
<body>
<script type="text/javascript">
$().ready(function() {
function findValueCallback(event, data, formatted) {
$("#content").html("<strong>"+(!data ? "No match!" : "Selected: " + formatted)+"</strong>");
}
$("#website").autocomplete(websites,{
minChars: 0,
max: 5,
autoFill: true,
mustMatch: true,
matchContains: true,
scrollHeight: 220,
formatItem: function(data, i, total) {
return "<I>"+data[0]+"</I>";
},
formatMatch: function(data, i, total) {
return data[0];
},
formatResult: function(data) {
return data[0];
}
});
$("#website").result(findValueCallback);
$("#getvalue").click(function() {$("#website").search()});
});
</script>
<label>Web Site:</label>
<input type="text" id="website" />
<input type="button" id="getvalue" value="Get Value" />
<div id="content"></div>
</body>
</html>
我将
js 里面的websites 写成了 我后台的路径,还是不行。
<script>
$().ready(function() {
$("#website").autocomplete('search.php?website='website);
});
</script>
search.php
<?php
$conn= mysql_connect('localhost', 'root', '123456') or die("数据库连接出错了"); //连接数据库
mysql_query("set names 'utf8' ");//设置编码输出
mysql_select_db('test'); //选择数据库
?>
<?php
$q=strtolower($_GET["website"]);
$sql="select * from art where title like '%$q%' limit 0,10";
$query=mysql_query($sql);
while($row=mysql_fetch_array($query)){
$city[]=$row;
}
?>
<select id="city" name="city">
<?php
foreach($city as $k=>$v){
?>
<option value='<?php echo $v['id']?>'><?php echo $v['title']?></option>
<?php
}
?>
</select>
?>
[解决办法]
http://www.markdream.com/code/phpjqueryui%E5%AE%9E%E7%8E%B0%E8%87%AA%E5%8A%A8%E5%AE%8C%E6%88%90%E6%8F%90%E7%A4%BA.shtml
http://blog.sina.com.cn/s/blog_6925792f0100kng9.html
你看下吧,要是再不行,真帮不了你。