2011-11-21 34 views
0

こんにちはすべてこの問題に関するすべての質問を見ましたが、解決策を見つけることができませんでした。私はjquery UIオートコンプリートで作業しています。私のシナリオはこれですjquery uiオートコンプリートが正しく動作しない

私はチェックボックスを持っています。これがチェックされると、ajaxリクエストがサーバーに送られ、データベースから何らかの情報を取得し、jsonエンコードデータを返します。成功関数ではjqueryオートコンプリートを呼び出し、ソースでは私のajaxリクエストで返されたデータを提供します。私は私のテキストボックスにいくつかのことを書き始めるとき、get要求はこの

http://localhost/project/module/controller/index/%5B%22Mobile%22,%22Watch%22,%22Lamps%22,%22Harry%20Potter%22,%22Suitcase%22,%22Halloween%22,%22Xmas%22,%22Multiple%22,%22oil%22,%22Empty%20Keywords%22,%22iphone%20theme%22,%22Edit%20theme%22,%22Final%20Theme%22%5D?term=mo 

のように、AJAX要求から返され、何も起こりませんされているすべての私のオプションを持つ送信される(私は放火魔コンソール]タブで見ることができます)。自動完了と表示されるオプションはありません。

<input type="checkbox" name="prebuilt-Themes" id="prebuilt-Themes" onclick="get_all_themes();"> 

テキストボックス

<input type="text" id="themes" style="display: none;" class="ui-autocomplete-input"> 

とAjaxリクエストを処理する関数を次のように私のコードがある

function get_all_themes() 
{ 

    if($("#prebuilt-Themes").is(':checked')) 
    {  
    $('#themes').show(); 
    $.ajax({ 
      type:'POST', 
      //data:({string:'abc'}), 
      url: "<?= $this->baseUrl(); ?>/module/controller/getallthemes", 
      success:function(data) 
      { 
       $(function() { 
       $("#themes").autocomplete({ 
        source: data 

         }); 
       }); 
      } 
     }); 
    } 


} 
私は私のAjaxリクエストから受け取ったデータは、この

のように見えます

["Mobile","Watch","Lamps","Harry Potter","Suitcase","Halloween","Xmas","Multiple","oil","Empty Keywords","iphone theme","Edit theme","Final Theme"] 

ybodyは私のことを指導します私は間違っていますか?

答えて

1

あなたがそうのように、ID、ラベル、および値をJSON形式でAJAX応答を行う必要があります。

[ { "id": "Luscinia svecica", "label": "Bluethroat", "value": "Bluethroat" }, { "id": "Motacilla flava", "label": "Blue-headed Wagtail", "value": "Blue-headed Wagtail" }, { "id": "Cyanistes caeruleus", "label": "Blue Tit", "value": "Blue Tit" }, { "id": "Monticola solitarius", "label": "Blue Rock Thrush", "value": "Blue Rock Thrush" }, { "id": "Anas discors", "label": "Blue-winged Teal", "value": "Blue-winged Teal" }, { "id": "Merops persicus", "label": "Blue-cheeked Bee-eater", "value": "Blue-cheeked Bee-eater" }, { "id": "Tarsiger cyanurus", "label": "Red-flanked Bluetail", "value": "Red-flanked Bluetail" } ] 
関連する問題