Typeahead を使用してオートコンプリート検索テキスト ボックスを作成していますが、ドロップダウンの結果が未定義として表示されます。どうやらPHPはJSONを構築するようです。私はそれをテストしました。問題は、間違った JSON タイプである可能性があります。PHPは次のとおりです。
$a_json = array();
$a_json_row = array();
while ($row = mysql_fetch_assoc($sql)) {
//Replaces spaces for +
$searchTerm = preg_replace('/\s/', '+', $row['products_keyword']);
$a_json_row["search"] = $searchTerm;
$a_json_row["label"] = $row['products_keyword'];
array_push($a_json, $a_json_row);
}
echo json_encode ($a_json); //Return the JSON Array
そして、ここにスクリプトがあります:
$(document).ready(function() {
var keywordsVar = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('label'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: 'keywords.php?query=%QUERY'
});
keywordsVar.initialize();
$('#idkeywords').typeahead({
hint: false,
highlight: true,
minLenght: 2
}, {
name: 'keywords',
displaykey: 'label',
source: keywordsVar.ttAdapter()
});
});
JSON の例を次に示します。
[{"search":"Artichokes","label":"Artichokes"},
{"search":"Artichokes+2","label":"Artichokes 2"},
{"search":"Artichokes+3","label":"Artichokes 3"}]
誰でも問題を見つけることができますか??