推特提前输入不显示建议

Question

您好，我正在尝试对数据库进行搜索，并在用户使用typeahead键入时提供自动建议。数据在用户键入时返回，但自动建议未显示在输入字段下。

$(window).load(function(){
// Instantiate the Bloodhound suggestion engine
var employees = new Bloodhound({
datumTokenizer: function (datum) {
return Bloodhound.tokenizers.whitespace(datum.value);
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: 'https://www.example.com/prs/emp.php?query=%QUERY',
wildcard: '%QUERY',
filter: function (employees) {
return $.map(employees.results, function (employee) {
return {
label: employee.label,
value: employee.value
};
});
}
}
});
// Initialize the Bloodhound suggestion engine
employees.initialize();
// Instantiate the Typeahead UI
$('.typeahead').typeahead(null, {
displayKey: 'value',
source: employees.ttAdapter(),
templates: {
suggestion: function(data){
return '<p>Name: <strong>' + employee.label + '</strong> | ID: ' + employee.value + '</p>';}
}
});

<input type="text" autocomplete="off" spellcheck="false" class="typeahead employeeName form-control" name="employeeName" style="margin:0px auto;overflow:visible;"  id="employeeName" placeholder="Employee Name">

我从 php 文件收到以下响应[{"label":"Austin, Pickering","value":"155"}]

我不确定为什么它不会显示数据。我花了几个小时试图弄清楚。任何这方面的帮助将不胜感激。

Answer 1

当我在代码片段中运行您的代码时，它报告了您应该考虑的事情： 错误：{ "消息"： "未捕获的语法错误：输入意外结束"， "文件名"： "https://stacksnippets.net/js"， "线号"：45， "科尔诺"：3 }

我尝试在 Eclipse 上运行您的代码：

线程"main"java.lang 中的异常：未解决的编译问题： 窗口无法解析为变量 语法错误，插入"("以完成表达式 语法错误，插入 ";" 以完成块语句 语法错误，插入"}"以完成方法主体

at --------(Test.java:6)