jQuery自动完成ui与json问题

Question

我试图让jquery自动完成ui工作，但没有成功。没有列出的比赛列表。我收到错误＆＃34; TypeError：this.source不是函数＆＃34;

到目前为止，我有一个输入字段<input type="text" id="searchbar" name="title" placeholder="Search">

然后在我的脚本中我有

我没有让这个工作。任何人都有任何想法，我可以开始进行故障排除？我真的很难用jquery ui文档。

Answer 1

首先在console.log中检查要检查的数据是否存在从ajax请求返回的数据，然后从数据变量中删除双引号。

 source: "data"(wrong)
 source: data(right)

希望有所帮助

Answer 2

您只需将此代码用于自动填充：

$("#searchbar").autocomplete({
    source: "php/searchbar.php",
    minLength: 3
});

您无需执行额外的ajax请求。它自己的插件执行ajax请求。

您的自动填充选择器中也缺少哈希值：
$("searchbar")与$("#searchbar")

我在这里创建了一个jsfiddle：https://jsfiddle.net/9rtu412g/

此处的文档来源： https://jqueryui.com/autocomplete/#remote（查看来源）

对于您的jQuery版本：
<script src="js/jquery-1.6.js" type="text/javascript"></script>

使用此jQuery UI版本： https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js

我希望我能帮你解决问题。