2011-01-04 10 views
0

私は以前からdrewのautoSuggestプラグインを使用していましたが、今まで私のデータをJSにハードコードしていましたが、AJAXを使用してJSONデータそのようなクエリデータ。私はそれが動作しているようだが、何を試しても、私はjqueryを介して作成するドロップダウンULに表示される結果を得ることができません。drewのautoSuggestプラグインのヘルプでAJAXの結果が表示されない

JSONが戻ってきます。私はそのためにそこにretrieveCompleteパラメータを追加しましたので、私は、デバッグしようとしている

$('#state').autoSuggest('resources/ajax/suggest.php', {matchCase: true, minChars: 2, startText: '', emptyText: '', retrieveComplete: function(data){ console.log(data.value) }}); 

$input = $_GET["q"]; 
    $data = array(); 
    // query your DataBase here looking for a match to $input 
    $query = mysql_query("SELECT `state`, `idStates` FROM `states_list` WHERE (`state` LIKE '%{$input}%' OR `abbr` LIKE '%{$input}%')"); 
    while ($row = mysql_fetch_assoc($query)) { 
     $json = array(); 
     $json['value'] = $row['idStates']; 
     $json['name'] = $row['state']; 
     $data[] = $json; 
    } 
    header("Content-type: application/json"); 
    echo json_encode($data); 

と私のJS:これは私のPHPコードです。

PHPだけでJSがそれを拾うために取得する方法を見つけ出すために今... JSONコンテンツでAJAXを返しUL LI

UPDATEに追加します:私は、データをappened

テスト部門とその返品へ

results:[object Object],[object Object],[object Object] 

答えて

1

だから私はあなたが変数 "結果"に保存する応答を得るのですか?

これらのオブジェクトにはそれぞれキーと値のペアが含まれているとします。または入れ子にされたオブジェクトですか?あなたがその返答を投稿したなら、それはいいことでしょう。 FirefoxでFirebugを開くことでそれを行うことができます(もしそのアドオンがインストールされていれば)。 「コンソール」の下に、サーバーの応答が表示されます。それを開くと、4つのタブが表示されます。 JSONというタブを開きます。それを右クリックして「レスポンスボディをコピー」を選択します。それをここに貼り付けてください。

これにはいくつかの方法があります。これはそのうちの1つです:


var liStr = '', 
    $yourUl = $('#id-of-your-ul'); 

// Assuming the response object is stored in the variable data 
for (key in data) { 
    liStr += '<li>Your key: ' + key + ', Your key value: ' + data[key] + '</li>'; 
} 

$yourUl.append($(liStr)); 

テストすることができない場合もあります。もちろんあなたの応答がどのように見えるかによって異なります。試してみてください。

+0

firebugで返されたときの私の応答はbtwe {value: 'WY'、名前: 'Wyoming'} – Eli

+0

です。だから私は上記の私の応答を変更する必要があります。ちょっと待って。 – Patrik

+0

いいえ、私は出力セクションでobj.nameを呼び出すことによって必要なものを得ることができました。私が必要とする結果がまだ得られていないので、プラグインとjquery 1.4.4のバグがあると思っています。これらの行に沿って、私はJSONデータを解析せずに自動的にULに挿入します。これは、サンプルURLとしてのプラグインのサイトです。http://code.drewwilson.com/entry/autosuggest-jquery-plugin/ – Eli

関連する問題