首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > PHP >

求 jquery autocomplete 和数据库 联接,即数据来自数据库?

2013-09-13 
求 jquery autocomplete 和数据库 连接,即数据来自数据库??急急急jquery autocomplete 代码:以下代码里面

求 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
你看下吧,要是再不行,真帮不了你。

热点排行