jQuery UI自动完成的JSON格式

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

这是一种JSON格式

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

或其他来源

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

从我的评论中回答了这里的答案:

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

我发现.autocomplete正在寻找jquery UI 1.8这种格式

我调用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/

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

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

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

此外,该URL只是具有真实表单的iframe的包装器,我无法发布到b / c的链接新用户只能在评论中发布一个URL。

使用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;