javascript - 网站上的谷歌搜索栏

Question

我的网站上有一个搜索栏，允许用户输入他们的搜索，它将转到谷歌搜索引擎。

它工作正常。

我的问题是如何让它出现谷歌自动推荐。例如，如果有人在 Google.com 的常规搜索中键入“BAS...”... 篮球将与其他推荐一起出现。如何将其添加到我网站上的小搜索栏中？

http://jsfiddle.net/EeRgp/

<form method="get" action="https://www.google.com/search">

Answer 1

谷歌“提供”了一个自动完成的 JSONP API：

$.ajax({
    url: "http://suggestqueries.google.com/complete/search",
    dataType: "jsonp",
    data: {
        client: "chrome",
        q: "Query"
    }
}).done(function(data){
    console.log(data);
});

data是自动完成数据。 http://jsfiddle.net/DerekL/MWvjx/

一个完整的工作演示：http: //jsfiddle.net/DerekL/8FTCG/

---

似乎您甚至可以将其用作迷你计算器。:)

---

此 API 返回的信息不仅仅是文本。它还包含每个项目的类型、标题（如果是链接）和相关性索引。

---

PS：对不起，如果您不熟悉jQuery。但是当谈到 XHR 和 AJAX 时，jQuery 就像是必不可少的。这就像一个救生圈！

Answer 2

如果您在浏览器中加载 JavaScript 控制台，您将看到以下错误：

Load denied by X-Frame-Options: https://www.google.com/search?q=Google does not permit cross-origin framing.

简而言之，谷歌正在阻止你以这种方式使用它的引擎。Fortuanly 他们提供了一个干净的选择：自定义搜索引擎