jQuery UI-從數據庫自動完成

Question

使jQuery UI的自動完成功能使用數據庫的步驟是什么？

具體來說，如何傳遞此腳本的輸入值？ 自動完成功能如何接收腳本的json？

我知道的：

1）將“源選項”更改為查詢數據庫的腳本。
2）？

當前代碼：

$("#searchInput input").autocomplete({
     source: "script_that_queries_the_db.php"
});

Answer 1

第2步？ 有你的PHP頁面mysql_query基於$_GET['term']並返回使用效果json_encode 。

編輯：另外，請確保傳遞給json_encode的數組是一個平面數組，否則jQueryUI將無法像我們希望的那樣讀取它，而無需編寫更多自定義代碼。

Answer 2

最簡單的方法是讓您的服務器以json返回結果。 參見以下示例： http : //jqueryui.com/demos/autocomplete/#remote

另一種方法是通過傳遞函數作為源來發出請求並自己解析響應。 參見以下示例： http : //jqueryui.com/demos/autocomplete/#remote-with-cache

無論哪種情況，傳遞給自動完成的數據都必須是對象數組，每個對象都帶有標簽和值。