2011-04-11 127 views
0

我想利用存储在一个表称为项与ID和长期列你会如何使用jQuery自动完成与MySQL数据库

我怎么能使用自动完成与数据库而不是一个数组方面?

<!DOCTYPE html> 
<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

    <script> 
    $(document).ready(function() { 
    $("input#autocomplete").autocomplete({ 
     source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"] 
    }); 
    }); 
    </script> 
</head> 
<body style="font-size:62.5%;"> 

<input id="autocomplete" /> 

</body> 
</html> 

回答

0

你可以用AJAX调用数组或页面加载一些初始化像

<script> 
var myArr = [<?php foreach($dbRows as $row){ echo "\"$row['keyword']\","} ?>]; 
</script> 
0

有两种方法,你如何能连接到数据库。两者的共同之处在于,您需要在两者之间连接数据库并准备自动完成结果的PHP(或其他语言)。

第一种方式是Headshota如何描述它。在这个解决方案中,PHP将自动填充的单词填充到HTML页面中。

第二种解决方案是当自动完成向服务器发出另一个请求,然后下载单词列表时。在autocomplete demo page上,您会在底部找到PHP源文件的链接。在演示页面的HTML代码中,您可以在“Single Bird(remote)”下找到如何编写HTML/JavaScript代码。

你会选择哪种方式主要取决于表格中的行数。如果你有几百行,那么我会去找第二个解决方案。对于更少的数据,第一个解决方案也可以。