0
jQuery UIを搭載したオートコンプリートに結果が表示されません。検索バーの下に空の行が表示されるだけで、表示されないこともあります。jQueryオートコンプリートでクライアント側の結果が表示されない
検索フィールドに文字を入力すると、コンソールウィンドウに結果が表示されます。私は何が間違っているのか分かりません。
私のクライアント側のコードは、このような設定である:
<input id="autocomplete" class="form-control input-lg" name="autocomplete" placeholder="Search an address" type="text">
$('#autocomplete').autocomplete({
source: function(request, response) {
$.getJSON('{{url_for("getInfo")}}', {
a: request.term,
}, function(data) {
console.log(data);
response(data.addresses);
});
},
minLength: 3,
select: function(event, ui) {
console.log(ui.item.value);
}
});
私はconsole.log(data);
ラインからの結果を見ることができます。それは内部の3つの項目の配列を持つオブジェクトを返します。Object {addresses: Array[3]}
フラスコを使用して私のサーバー側のコードは次のように設定されている
:
{
"addresses": [
{
"Address": "29 Valleyridge Rd",
},
{
"Address": "29 Valleyview Dr",
},
{
"Address": "29 Valleystone Cr",
}
]
}
明確化をありがとうございました。このソリューションは素晴らしいです。 – mapr