2010-12-02 7 views
0

私は毎日これを毎月検索しました。場合によっては、$ .ajax方法を使用し、他の方法では$。post方法を使用します。オートコンプリート用のjqueryuiデモページhttp://jqueryui.com/demos/autocomplete/には、データを把握してユーザーに表示するためのわかりやすい方法があります。今ここに私の問題が来る。 mysqlテーブルから名前のリストを取得する簡単な方法をやろうとしています。これは私が今持っているものです。PHP + MySQLで新しいJqueryuiオートコンプリートを簡単に使用する方法

JS

$( "#のusuario")オートコンプリート({ ソース: "search.php"、 はminLength:3、 を選択:機能(イベント、UIを){} });

PHP

$ nameser = $ _POST [ 'usuario'];

$ names = '';

$ result = mysql_query( "SELECT name FROM characters LIKE '%$ nameser%'");

while($ row = mysql_fetch_array($ result)){$ names。= "$ row [name]"。 "
"; }

echo $ names;

入力ボックスからPHPに情報を送信すると、検索パターンの回答が正しく返されますが、返された情報を簡単な方法で自動補完に添付するにはどうすればいいですか?

jqueryのマニュアルでは、PHPリモートファイルに対して簡単な方法はありません。

+0

ないあなたの質問への答えが、私はあなたが文字通り上記のコードを使用していない祈る - あなたが一緒に来ると言う...あなたのデータベースを削除できますしたい人を意味$のnameserを免れていません。 – Erik

答えて

3

あなたは月の検索を行った場合、あなたは2秒で結果

http://www.ajaxdaddy.com/demo-jquery-autocomplete.html

http://www.exploremyblog.com/html/blog_contents.php?blogid=300

http://www.thewhyandthehow.com/jquery-autocomplete/

をたくさん見つける検索奇跡 のいくつかの種類でなければならない何かを見つけることがあります

あなたのコードには の数百万があります。私はこのような何かをするでしょう

$(document).ready(function(){ 
    $("#example").autocomplete("./search.php"); 
    }); 

私はそれで遊んで数分を費やす必要があった前

$nameser = $_GET['q']; 

$names = ''; 

$result = mysql_query("SELECT name FROM characters WHERE name LIKE '%".$nameser."%'"); 

while ($row = mysql_fetch_array($result)) { $names .= $row[name]."\n"; } 

echo $names; 
+0

私は実際に(私が前にウィジェットを使ったことがないとして)これをテストするために数分を取り、上記の答えは完全に間違っている - 改行は、リストは動作しません区切り - それはJSONを期待しています。 – Erik

+0

よく私がちょうど言われたことに続いhttp://www.thewhyandthehow.com/jquery-autocomplete/すべてのウェブサイトに掲載さ – Breezer

+0

すべてが今、私は実際にそれを試してみて、正しい:-) – Erik

0

は、ウィジェットを使用したことがないた、それを試してみてください。見つかったデータをJSON形式で返していない可能性が最も高いと思われます。簡単なテストで、私は私の 'search.php'として以下を使用しました:

$ary[] = 'hi'; 
$ary[] = 'there'; 
$ary[] = 'world'; 

$o = json_encode($ary); 
echo $o; 

そしてそれは完璧に働いていました。

私が使用したHTML/Javascriptは、ウィジェットのサンプルページです:http://jqueryui.com/demos/autocomplete/remote.html私は自分のローカルサーバーにダウンロードしましたが、もちろんそれをテストするために、すべてのライブラリにパスを修正しました。

関連する問題