使用 JSON 自动完成 Jquery UI

Posted

技术标签:

【中文标题】使用 JSON 自动完成 Jquery UI【英文标题】:Autocomplete Jquery UI with JSON 【发布时间】:2018-01-18 00:47:49 【问题描述】:

这个例子非常适合我的需要:Codepen Example

但我需要从外部 JSON 调用城市值。

如何调整此示例以调用外部 JSON? 有什么链接这个:

$.getJSON(
"http://gd.geobytes.com/AutoCompleteCity?callback=?&q=" + request.term,
function (data) 
    response(data);
);

非常感谢!

【问题讨论】:

【参考方案1】:

$.getJSON() 方法正是这样做的。它只是 $.ajax() 的简写语法。您可以从外部 API 加载 JSON,然后运行所需的任何比较/检查。

http://api.jquery.com/jquery.getjson/

【讨论】:

我不会把它放在这样的数组中。您应该进行 ajax 调用,然后执行类似 .push 结果到数组中的操作。

以上是关于使用 JSON 自动完成 Jquery UI的主要内容,如果未能解决你的问题,请参考以下文章

jQuery ui 使用 json 文件自动完成

使用来自 URL 的 JSON 的 jQuery UI 自动完成

使用带有外部 Json 的 jquery UI 自动完成

带有从 Rails 生成的 JSON 数据源的 jQuery UI 自动完成 - 不工作

rails 为 jquery-ui 自动完成小部件格式化 json.jbuilder

jQuery UI 自动完成多个远程(JSON、PHP、JS)