【问题标题】:jQuery Autocomplete JSON responsejQuery 自动完成 JSON 响应
【发布时间】:2010-09-04 17:31:33
【问题描述】:

我正在尝试使用 jQueryUI 自动完成插件,但我无法使其工作。

我在后端使用 Spring MVC,并通过遵循我从网上获得的 this post 返回 JSON 响应。

我的问题是,自动完成插件期望 JSON 响应的方式似乎存在一些问题。我检查了我的萤火虫,它显示在 JSON 响应下方。

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

没有抛出错误,但自动完成没有提示任何内容。

【问题讨论】:

  • (此处的博客链接可能已恢复,但目前已失效。托管公司表示“此域名已于 2018 年 2 月 5 日到期,正在等待续订或删除” i>。也许如果它在几个月后仍然不可用,我们可以将其从这个问题中删除)。

标签: json jquery-ui jquery-plugins jquery


【解决方案1】:

您为什么不向official jquery-ui documentation 咨询预期的响应格式?

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

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

更多来自文档
数据可以是一个简单的字符串数组,或者它包含数组中每个项目的对象,具有标签或值属性或两者兼而有之。标签属性显示在建议菜单中。用户从菜单中选择某些内容后,该值将插入到输入元素中。如果只指定了一个属性,它将同时用于这两个属性,例如。如果您只提供值属性,该值也将用作标签。

【讨论】:

  • 。我实际上不知道我从网上获得的库是如何转换 JSON 响应的。我只是想知道,如果我可以配置自动完成 ui 来解析 JSON 响应。是否可以这样做,我可以更改 jquery ui 解析响应的方式?
  • @Mark 检查文档:您可以将函数而不是 url 作为“源”选项传递。在那里,您可以发出 ajax 请求并以您需要的任何方式解析数据。这是一个例子:jqueryui.com/demos/autocomplete/#multiple-remote
猜你喜欢
  • 2010-12-08
  • 2011-01-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-01
  • 1970-01-01
  • 1970-01-01
  • 2016-05-29
相关资源
最近更新 更多