2011-04-11 131 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代碼。

你會選擇哪種方式主要取決於表格中的行數。如果你有幾百行,那麼我會去找第二個解決方案。對於更少的數據,第一個解決方案也可以。