2016-10-28 20 views
0

私はajax呼び出しでブートストラップ3先読みを使用しています。 この関数はデータを正しく返しますが、表示されません。ブートストラップ3先読みは結果を表示しません

ここに私のコード:

$('#txtComune').typeahead({ 
     minLength: 2, 
     delay: 400, 
     items: 5, 
     source: function (query, response) { 
      $.ajax({ 
       url: '<?= $root; ?>/get_comuni', 
       dataType: "json", 
       type: 'POST', 
       data: { 
        query: query 
       }, 
       success: function (data) { 
        response(data.comuni); 
       } 
      }); 
     }, 
     displayText: function (item) { 
      console.log(item.comune); 
      return item.comune; 
     } 
    }); 

にconsole.log機能は、すべての都市の名前を返しますが、ドロップダウンリストがテキストボックスに表示されません。ここで

私のテキストボックスコード:

<input name="txtComune" class="form-control input-md" data-provide="typeahead" autocomplete="off" id="txtComune" type="text" placeholder="" maxlength="250"> 

ここでは私のJSONの結果:

{ 
"exception": false, 
"comuni": [{ 
    "idComune": 1332, 
    "comune": "Caraffa di Catanzaro", 
    "pv": "CZ", 
    "cap": "88050", 
    "attivo": 1 
}, { 
    "idComune": 1831, 
    "comune": "Catania", 
    "pv": "CT", 
    "cap": "951xx", 
    "attivo": 1 
}, { 
    "idComune": 1832, 
    "comune": "Catanzaro", 
    "pv": "CZ", 
    "cap": "88100", 
    "attivo": 1 
}, { 
    "idComune": 3240, 
    "comune": "Gravina di Catania", 
    "pv": "CT", 
    "cap": "95030", 
    "attivo": 1 
}, { 
    "idComune": 4076, 
    "comune": "Militello in Val di Catania", 
    "pv": "CT", 
    "cap": "95043", 
    "attivo": 1 
}, { 
    "idComune": 6258, 
    "comune": "San Gregorio di Catania", 
    "pv": "CT", 
    "cap": "95027", 
    "attivo": 1 
}] 
} 

答えて

1

この変更してください:

source: function (query, response) { 
    return $.get('<?= $root; ?>/get_comuni', { query: query }, function (data) { 
     console.log(data); 
     return response(data); 
    }); 
} 
TO

source: function (query, response) { 
     $.ajax({ 
      url: '<?= $root; ?>/get_comuni', 
      dataType: "json", 
      type: 'POST', 
      data: { 
       query: query 
      }, 
      success: function (data) { 
       response(data.comuni); 
      } 
     }); 
} 

ここに例があります:jsfiddle

+0

jsonを投稿できますか? –

+0

何も変わらない...うまくいかない – Swim89

+0

コンソールに何かエラーがありますか? –

関連する問題