jQuery UIオートコンプリートwith mysqlデータベース

Question

私は1日中jQueryのオートコンプリートに苦労しています。 jQuery UIオートコンプリートをmysqlデータベースに接続する方法を理解できません。私はどのようなphpファイルのように見えるかわからない、どのようにリクエストをphpなどに送ったのですか？jQueryサイトのデモとドキュメントでは、リモートデータソースの簡単な例がソースはsource：source： "search.php"です。では、search.phpが入力ボックスに入力した内容をどのように知っていますか？ search.phpに添付されたクエリはありません：/私はjsonが使用されていることに気付きました。私は混乱していますし、結果のないダースメソッドを試しました。私が必要とするのは、テキストボックスに入力したテキストを含む都市名の単純なオートコンプリートです。

私のDBは次のようになります。私は、例えばテキストボックスに入力したテキストが含まれている

table_cities: 
------------- 
id: -city id 
name: -city name 

と私は私の都市を表示するオートコンプリートを必要とします

"PO" ... "リバプール" "ポーツマス" に

html 
---- 
<input type="text" id="cities" /> 

js 
-- 
$("#cities").autocomplete({ 
... 

感謝を発生します！

Answer 1

id/valueオブジェクトのJSONエンコードされた配列を返すだけで済みます。また、オートコンプリートプラグインは、現在入力ボックスにあるものを含む "q"という名前のgetパラメータを送信します。の配列を作成した結果をループ -

$autocomplete_value = mysql_real_escape_string($_GET["q"]); 
$sql = "select id, name from table_cities where name LIKE '%$autocomplete_value%'"; 
$query = mysql_query($sql); 

$results = array(); 
while ($row = mysql_fetch_array($query, MYSQL_ASSOC)) { 
    array_push($results, array('id' => $row['id'], 
           'value' => $row['name'])); 
} 
echo json_encode($results); 

あなたが使用している場合がありますが、パターンは同じであるべきものは何でもPHPフレームワークにそれを適応させる必要があります：働くだろうsearch.phpファイルの簡単な例'id'と 'value'オブジェクト、そしてそれをエンコードするjson。

編集：大文字小文字の比較（大文字と小文字の区別が無視される）とその他の拡張機能を実行するようにSQLを更新することができますが、少なくとも正しい方向に進むはずです。

Answer 2

私はjQueryオートコンプリートを使用していませんが、すでにボックスに入力されているデータをAJAXコールをWebサーバーに送り返すことは明らかです。 Webサーバーは、適切と思われるデータベースに照会し、表示されるべき結果を返します。

クエリはjQueryプラグインの一部ではありません。あなたはそれをあなた自身で書く必要があります。