Question

jQuery UI Autocomplete的文档指出source属性可以设置为以JSON格式返回建议项的URL。但是，它没有详细说明这个JSON结果的结构应该是什么样子。有人可以发一个例子吗？谢谢！

Answer 1

从我的评论中移动答案：

[{"label":"mylabel","value":"myvalue"},...]

我发现.autocomplete正在寻找jquery UI 1.8

这种格式

Answer 2

这是JSON格式

{source: ["Milan", "Turin", "Venice", "Florence", "Rome"] }

或其他来源

{source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]}

Answer 3

我调用Java Spring控制器，它只返回下面的信息（采用JSOn格式）。我用JSTL构建它。但我不知道你使用什么样的后端。但是在所有语言中你都可以简单地输出一些JSON。

示例：

{"results":[{"id":" Canned","name":" Canned"}, {"id":64,"name":"Added Sulphites"}, {"id":3,"name":"age"}, {"id":"age","name":"age"}, {"id":59,"name":"age group"}, {"id":"Allergen","name":"Allergen"}, {"id":85,"name":"Anchovies"}]}

我不喜欢自动完成功能。也许你在flexbox中找到了一个更好的解决方案：http://flexbox.codeplex.com/

Answer 4

你看过这里的例子了吗？ http://jqueryui.com/demos/autocomplete/#remote

Answer 5

这是一个真实的示例，但它使用JSONP远程数据源：http://www.highpoint.edu/admissions/contact.cfm

高中字段使用自动填充（确保您选择'新生'作为入学类型b / c否则高中字段将被隐藏）。此外，更改国家/州选择将稍微改变自动完成源，这可能会增加一些混淆。

此外，该网址只是包含真实表单的iframe的包装，我无法发布指向b / c的链接新用户只能在评论中发布一个网址。

Answer 6

使用firebug我们可以看到json的这种格式

[{"id":"Podiceps nigricollis","label":"Black-necked Grebe","value":"Black-necked Grebe"}]

我使用了json_encode

$a[$x] = array("id" => $row["id"],"label"=>$row["label"],"value"=>$row["value"]);
}
//echo JSON to page
    $response =  json_encode($a);
echo $response;

jQuery UI自动完成的JSON格式

6 个答案: