jQuery autocomplete-ui与远程数据不兼容

Question

我花了两天时间在这个插件上，但没有成功——它只在本地数据数组上有效 :(

我有一段代码（用django/python写的），可以生成一个有效的json字符串（已经在http://jsonlint.com/上测试过了），大致是这样的：

[{"id": 7626, "value": "Jaros\u0142aw", "label": "Adrianowicz"}, {"id": 2702, "value": "Bo\u017cena", "label": "Baranowicz"}, {"id": 2542, "value": "Tomasz", "label": "Baranowicz"}]

我的jquery代码是：

$('#query').autocomplete({
 source: "/aut/",   //this generate json and working
 minLength: 2
 });

我查看了一个ajax的例子——geonames——这个是可以正常工作的。有没有人能帮帮我？

Answer 1

在source的值里，你可以用一个回调函数，而不是直接用页面的链接，就像这个例子一样：

http://jqueryui.com/demos/autocomplete/#remote-with-cache

使用回调函数可以让你自己处理成功和错误的情况，特别是在使用.ajax的时候。你可能会想用.ajax，并检查是否有错误发生。

Answer 2

你可以在自动完成的功能里使用任何.ajax的选项。试试这个：

$('#query').autocomplete({
 source: "/aut/",   //this generate json and working
 dataType: "json",
 minLength: 2
 });