【问题标题】:Google Search Bar on website网站上的谷歌搜索栏
【发布时间】:2023-03-16 15:45:02
【问题描述】:

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

效果很好。

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

http://jsfiddle.net/EeRgp/

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

【问题讨论】:

标签: javascript html forms


【解决方案1】:

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/


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


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


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

【讨论】:

  • 德里克你更新的 JS Fiddle 效果很好。我们怎样才能去掉额外的部分建议......就像你输入 G 它说谷歌(查询)
  • @user2626744 - “额外部分”是什么意思?你的意思是这样的:jsfiddle.net/DerekL/eHwwv
  • YESSSS...谢谢!!
【解决方案2】:

如果您在浏览器中加载 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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多