jQuery自动完成JSON响应

Posted 2021-03-31

我试图使用jQueryUI自动完成插件，但我无法使其工作。

我在后端使用Spring MVC，然后按照我从网上获得的this post返回JSON响应。

我的问题是，自动完成插件期望JSON响应的方式似乎存在一些问题。我查看了我的firebug，它显示在JSON响应下面。

{"data":["TEST-01","TEST-02","TEST-03"]}

没有抛出错误，但自动完成并不是什么建议。

答案

您为什么不咨询official jquery-ui documentation关于预期的响应格式？

简而言之，有效的响应可能如下所示

[{'label': 'TEST-01'}, {'label': 'TEST-02'}, {'label': 'TEST-03'}]

更多来自文档 data可以是一个简单的字符串数组，也可以包含数组中每个项目的对象，带有label或value属性或两者。 label属性显示在建议菜单中。用户从菜单中选择了某些内容后，该值将插入到input元素中。如果仅指定了一个属性，则它将用于两者，例如。如果仅提供value-properties，则该值也将用作标签。