网站上的Google搜索栏

时间:2013-08-12 23:57:22

标签: javascript html forms

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

工作正常。

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

http://jsfiddle.net/EeRgp/

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

2 个答案:

答案 0 :(得分:5)

Google“提供”自动完成的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/


enter image description here

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


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


PS:如果您不熟悉jQuery,请抱歉。但是当谈到XHR和AJAX时,jQuery就像一个必不可少的东西。这就像一个救生员!

答案 1 :(得分:0)

如果您在浏览器中加载JavaScript控制台,则会看到以下错误:

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

简而言之,Google正在阻止您以这种方式使用它的引擎。 Fortuanly他们提供了一个干净的选择:Custom Search Engine