如何将库存 Google 搜索添加到我自己的网站**自动完成**？答案

【问题标题】：How do I add the stock Google search to my own website **with auto-complete**?如何将库存 Google 搜索添加到我自己的网站**自动完成**？
【发布时间】：2014-07-15 15:02:22
【问题描述】：

我不是在询问网站搜索。我想知道如何包含一个搜索整个互联网的 Google 搜索框（不限于像 Site Search 这样的单个站点），它也使用您在 Google.com 上看到的相同的自动完成行为。

你们中的一些人可能还记得 iGoogle，它是我使用并喜爱多年的 Google 门户网站，直到去年他们将其关闭。我正在制作自己的 iGoogle 替代品。我可以轻松地在顶部添加一个文本框来进行搜索，但我无法重现的是您在常规 Google.com 中获得的 JavaScript 自动完成行为。

所以从这个开始：

<form action="https://www.google.com/search" method="get">
<input type="text" name="q" value="" />
</form>

如何让它自动完成？

【问题讨论】：

我记得 iGoogle。我不是它的忠实粉丝，尽管我确实喜欢 Google Reader。好主意，但你正在承担一项相当大的任务！ :P

标签： javascript google-api igoogle

【解决方案1】：

您将需要使用一些服务器端脚本并尝试根据建议的查询 API 实施解决方案。更多可以在question上找到

在客户端尝试在用户键入文本字段时进行 AJAx 调用。至于自动补全功能，我用过 jQuery UI 的插件，效果不错。

【讨论】：

【解决方案2】：

你试过了吗？ https://support.google.com/customsearch/answer/2631081

On the Custom Search home page ( https://www.google.com/cse/all ), click the search engine you want.
Click Search features, and then click the Autocomplete tab.
Switch Enable autocomplete to ON.

【讨论】：

那是网站搜索，我在问题中说的不是我要找的。span>

【解决方案3】：

我会接受西奥多的回答是正确的，因为他带领我走上了正确的道路；不过说实话，他真的没有给我太多，我真的在这里自己想出了解决方案。

我发现如果你查询这个网址：

https://www.google.com/s?tch=1&sclient=psy-ab&q=search+term+goes+here&cp=21

q 是您的搜索词，cp 是您键入时光标的位置，这将返回一个 JSON 响应，该响应可以被解析并转换为可用的内容，然后与 jQuery UI 集成。（基本上我只是在我自己的服务器上写了一个简短的 PHP 脚本，它使用 file_get_contents 打开该 URL。）但不能保证它会工作多长时间，因为它似乎非常非官方。

我最终也使用了 Scott González 的 jQuery UI Autocomplete HTML extension，因为 Google 传回的数据中已经有 <b> 标签，所以效果很好。

【讨论】：