Question

注意到很多人遇到这个问题！虽然他们中的任何一个似乎都无法解决我的问题！

我的JSON Feed是http://menu.the-dot.co.uk/getingredients.php?func=json

我在http://jsfiddle.net/OwenMelbz/xgQnQ/设置了一个小提琴，其中包含要测试的代码

$(function() {
$("#food").autocomplete({
    source: "http://menu.the-dot.co.uk/getingredients.php?func=json",
    minLength: 2,
    dataType: "json",
    select: function(event, ui) {
        log(ui.item ? "Selected: " + ui.item.value + " aka " + ui.item.id : "Nothing selected, input was " + this.value);
    }
});
});

除了添加了dataType和添加的源代码，以及选择器更改之外，这还是从jqueryui.com上的演示页面复制和粘贴的。

基本上，您使用此Feed输入框。什么都没有出现。你使用source键入框中：myArray它有效，任何人都看到我的问题与我提供的代码和演示？

感谢

Answer 1

您从哪里发送请求。与

相同

http://menu.the-dot.co.uk/

如果不相同，则会出现cross domain request问题。请使用chrome developer tool或firebug检查响应。查看是否有任何错误。

Answer 2

您的JSON格式不正确。否则它可以正常工作jsFiddle

Answer 3

嗯，我认为我认为问题不在于任何代码，但是传递JSON的php脚本如何表现出自动完成的预期效果。

所以我创建了一个javascript数组版本的数据库，现在是http://menu.the-dot.co.uk/getingredients.php?func=js

并将此脚本包含在页面的标题中，因此它将数据库内容加载到javascript数组中然后我使用自动完成来读取数组。来自服务器的请求也较少。可爱的。

http://menu.the-dot.co.uk/body.html?page=find

完美地工作:)它是一个ios webapp，所以请原谅令人讨厌的浏览器视图：）

JSON Feed未填充自动完成源

3 个答案: