jQuery UI - 从数据库自动完成答案

【问题标题】：jQuery UI - autocomplete from a databasejQuery UI - 从数据库自动完成
【发布时间】：2012-02-20 18:06:22
【问题描述】：

让 jQuery UI 的自动完成功能使用数据库的步骤是什么？

具体来说，我如何将输入的值传递给这个脚本？自动补全如何接收脚本的 json？

我知道的：

1) 将“源选项”更改为查询数据库的脚本。
2) ?

当前代码：

$("#searchInput input").autocomplete({
     source: "script_that_queries_the_db.php"
});

【问题讨论】：

【解决方案1】：

第 2 步？让你的 php 页面 mysql_query 基于 $_GET['term'] 并使用 json_encode 返回结果。

编辑：另外，请确保您传递给json_encode 的数组是一个平面数组，否则如果不编写更多自定义代码，jQueryUI 将无法像我们希望的那样读取它。

【讨论】：

【解决方案2】：

最简单的方法是让您的服务器以 json 格式返回结果。看这个例子： http://jqueryui.com/demos/autocomplete/#remote

另一种方法是自己发出请求并解析响应，方法是将函数作为源传递。看这个例子： http://jqueryui.com/demos/autocomplete/#remote-with-cache

在任何一种情况下，传递给自动完成的数据都必须是一个对象数组，每个对象都有一个标签和一个值。

【讨论】：