Typeahead.js不返回任何内容

时间:2016-10-19 02:40:04

标签: javascript php

我正在尝试设置twitter typeahead(基于此https://twitter.github.io/typeahead.js/examples/#remote)来加载sql查询的结果,但它不起作用。 这是我的代码:

<head>
<script src="resources/jquery-1.12.4.js"></script>
<script src="resources/typeahead.bundle.js"></script>
</head>

<body>
<input id="search" type="text" placeholder="blabla">

<script>
var search = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  remote: {
    url: 'search.php/?key=%QUERY',
    wildcard: '%QUERY'
  }
});

$('#search').typeahead(null, {
  name: 'typehead',
  display: 'value',
  minLength: 3,
  highlight: true,
  source: search
});
</script>
</body>

我现在在search.php中的所有内容(用于测试目的)是:

<?php
$key = array("display this");
echo json_encode($key);
?>

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

好的,所以将$ key转换成数组,解决了这个问题,现在“显示这个”会被传回脚本(根据firebug)。问题是现在没有显示下拉列表。我不想仅为此提出一个新问题,希望有人可以在这里告诉我下拉列表有什么问题。 :)