php - Twitter Typeahead Ajax 结果未定义

Question

我正在使用 ajax JSON 调用我的 PHP 文件来使用 Twitter typeahead 构建自动完成功能以获取一些数据，但它一直在下拉结果列表中显示以下内容:

未定义

未定义

未定义

但是当我这样做的时候:

alert(data); 

我显示了正确的数据，但不知何故自动完成列表一直显示未定义，我已经阅读并尝试了 StackOverflow 上的一些文章，但我似乎无法让它工作。

我必须遵循 jquery 代码:

      $('.item-name .typeahead').typeahead(null,{
      source: function (query, process) {
        $.ajax({
          url: 'ajaxItems.php',
          type: 'POST',
          dataType: 'JSON',
          data: 'query=' + query,
          success: function(data) {
            // alert(data);
            process(data);
          }
        });
      }
    });

我的 ajaxItems.php 有以下用于测试目的的代码:

<?PHP
$results = array();

$results[] = 'jeans';
$results[] = 'sweater';

$json =  json_encode($results);
print_r($json);
?>

JSON输出如下:

["jeans","sweater"]

我希望有人能指出我做错了什么或指出正确的方向。

编辑我正在使用以下预输入文件: http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js

Answer 1

我遇到了完全相同的问题。要修复它，我必须返回一个包含键/值对的数组，键值是这样的:

[{'value': 'first', 'value': 'second', 'value': 'third'}]

我不认为 typeahead文档说得很清楚，但我相信是 displayKey 选项默认设置为“值”。