2012-02-20 46 views
0

让jQuery UI的自动完成使用数据库的步骤是什么?jQuery UI - 从数据库中自动完成

具体来说,我如何通过这个脚本输入的值?自动完成如何接收脚本的json?

我所知道的:

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

当前代码:

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

回答

4

步骤2?请根据$_GET['term']获取您的php页面mysql_query,并使用json_encode返回结果。

编辑:此外,请确保您传递给json_encode阵列是一个平面阵列,否则jQueryUI的不会去读它,以及我们希望无需编写更多的自定义代码。

+0

那么php页面会自动给出'term'作为url参数吗? – 2012-02-20 18:59:04

+0

这是正确的!除非你想改变它,在这种情况下,你需要指定'source'作为函数 – 2012-02-20 19:40:27

1

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

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

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

+0

哇。我没有看到页面右侧的演示。 – 2012-02-20 21:40:05