0

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"}]

誰でも問題を見つけることができますか??

4

1 に答える 1