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

Question

我已经看到一些（解释良好的）示例，其中在xml文件中找到了实时搜索的可用结果。但只有少数（解释得很糟糕）的结果来自数据库。我对第二种情况感兴趣。

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

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

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

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

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

Answer 1

您可以通过在jquery中的每个key up函数上发送ajax请求来实现此目的。作为响应，以json格式发回结果，以便将它们显示在文本字段下方的无序列表中。单击此处的li时，将文本框中的值填入文本框。