使用数据库中的数据进行Ajax实时搜索

Question

我见过一些（很好解释）的例子，其中在XML文件中找到了可用的实时搜索结果。但只有少数（解释不清的）结果来自数据库。我对第二种情况感兴趣。

一个解决方案可能是预取数据库数据并将它们放入一个xml对象中，其余的可以以相同的方式工作。这是我可以轻松实现的。

我正在寻找另一种方式，用户在其中键入一个字母（例如'c'），并在现场生成建议（例如'胡萝卜'，'卷心菜'，'芹菜'，'柑橘）。这是通过调用数据库来实现的，如

"SELECT name FROM vegetables WHERE name LIKE c%"？

如果用户再按下另一个字母会怎么样？ （例如'ca'，所以推荐的结果应该是'胡萝卜'，'卷心菜'）。按下的每个按键应该启动一个新的SELECT？出于某种原因，这听起来不是一个好的解决方案。

有没有办法实现第二种方法？

Answer 1

你可以通过在jquery中的每个关键函数上发送一个jax请求来实现这一点。作为响应，以json格式发送结果以便将其显示在文本字段下方的无序列表中。点击这个li的文本框中的值填充文本框。