javascript - Typeahead.js 不返回任何内容

标签 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);
?>

有什么建议吗?

最佳答案

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

关于javascript - Typeahead.js 不返回任何内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40121177/

相关文章:

javascript - 如何在使用 Fabric 的同时使用 css 更改 Canvas 的高度和宽度

javascript - 如何在ckeditor中填充选择菜单

php - 使用 PHP 更新 MySQL

php - 属性文件中的 Phing 属性应包含多个值

javascript - Jquery document.ready 在没有警报的情况下不会触发

javascript - 在 html 页面上加载 WordPress 帖子

javascript - 打印/预览忽略我的 Print.css

PHP 在多个日期范围内查找 N 年内的差距

php - PHP 项目中外部库的最佳位置是什么?

PHP 函数 date('Y-m-d) 的 C# 替代方案