jQuery UI - 从数据库自动完成

Question

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

具体来说，如何将此脚本传递给输入的值？自动完成如何接收脚本的json？

我所知道的：

1）将“源选项”更改为查询数据库的脚本 2）？

当前代码：

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

Answer 1

第2步？根据{{​​1}}设置您的php页面mysql_query，并使用$_GET['term']返回结果。

编辑另外，请确保传递给json_encode的数组是一个平面数组，否则jQueryUI不会像我们想要的那样读取它而不编写更多自定义代码。

Answer 2

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

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

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