如何在自己的网页应用中实现Google Suggest（例如：使用Python）

Question

在我的网站上，用户可以保存链接。

当用户在指定的输入框中输入网址时，我想显示一个建议/自动完成的框，就像谷歌的建议功能或者Chrome浏览器的地址栏那样。

举个例子：

用户正在输入的网址：

http://www.sta

会显示的建议：

http://www.staples.com
http://www.starbucks.com
http://www.stackoverflow.com

我该怎么做才能实现这个功能，而不需要重新发明轮子呢？ :)

Answer 1

雅虎有一个不错的自动完成控件。

他们这里有一个示例。

显然，这个控件并不能帮你获取数据——不过看起来你已经有自己的数据来源，并不是想从谷歌获取数据。

Answer 2

我之前在一个Django服务器上做过这个。这个过程分为两部分：客户端和服务器端。

在客户端，你需要在用户输入时发送XmlHttpRequests到服务器，然后当信息返回时显示出来。这部分需要写一些JavaScript代码，包括一些比较复杂的内容，比如回调函数和按键处理。

在服务器端，你需要处理XmlHttpRequests，这些请求会包含用户到目前为止输入的内容。比如一个网址是

www.yoursite.com/suggest?typed=www.sta

然后你需要以某种方式返回建议的内容。（我建议用JSON格式来编码这些建议。）你还需要从数据库中获取这些建议，这可能只是一个简单的SQL查询，具体取决于你使用的框架。

不过服务器端的部分其实挺简单的。我觉得客户端的部分更复杂一些。我发现这篇文章很有帮助。

虽然他用的是PHP，但客户端的工作基本上是一样的。特别是他的CSS部分可能对你有帮助。

Answer 3

你可以试试这个链接：http://google.com/complete/search?output=toolbar&q=keyword

然后你可以解析一下返回的xml结果。