如何使用自动完成**将Google搜索库存添加到我自己的网站**?

时间:2014-05-26 19:53:14

标签: javascript google-api igoogle

我不是在询问网站搜索。我想知道如何在搜索整个互联网(不限于网站搜索等单一网站)的Google搜索框中使用与您在Google.com上看到的相同的自动完成行为。

你们中的一些人可能还记得iGoogle,它是Google的门户网站,我使用和喜爱多年,直到去年关闭它。我正在进行自己的iGoogle替换。我可以轻松地在顶部添加一个文本框来进行搜索,但我在复制时遇到的问题是您使用常规Google.com获得的JavaScript自动完成行为。

从这开始:

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

如何让它自动完成?

3 个答案:

答案 0 :(得分:0)

您需要使用一些服务器端脚本,并尝试基于建议的查询API实现解决方案。可在此question

上找到更多内容

在客户端尝试在用户键入文本字段时进行AJAx调用。至于自动完成功能,我使用了jQuery UI的插件,它看起来非常棒。

答案 1 :(得分:0)

你尝试过这个吗? 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.

答案 2 :(得分:0)

我接受西奥多的答案是正确的,因为他带领我走上正确的道路;虽然老实说,他真的没有给我太多,我真的想出了解决方案。

我发现如果您查询此网址:

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。)不能保证可以使用多长时间,因为它看起来非常非官方。

我最终也使用了ScottGonzález的jQuery UI Autocomplete HTML extension,因为Google传回的数据已经包含<b>个标签,所以效果非常好。