Google Ajax Search Api入门例子

最新推荐文章于 2024-08-16 11:00:58 发布

最新推荐文章于 2024-08-16 11:00:58 发布 · 141 阅读

文章标签：

#Google #Ajax #JavaScript #XHTML #HTML #ViewUI

web前端同时被 2 个专栏收录

13 篇文章

订阅专栏

openApi

13 篇文章

订阅专栏

本文介绍如何使用谷歌搜索API创建一个简单的网页应用，通过不同类型的搜索器（如本地搜索、网络搜索等）展示搜索结果，并提供了示例代码。

首先要去申请一个密钥，从code.google.com可以导航进去。先来最简单的例子，获得密钥后google会个你这个例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>My Google AJAX Search API Application</title>
    <script src="http://www.google.com/jsapi?key=ABQIAAAAK6Se_jPoUSUSBo9VH_qc-hT2yXp_ZAY8_ufC3CFXhHIE1NvwkxRZJ-l2xC_rtX0HJe8UjEb9RBNhew" type="text/javascript"></script>
    <script language="Javascript" type="text/javascript">
    //<![CDATA[

    google.load("search", "1");

    function OnLoad() {
      // Create a search control
      var searchControl = new google.search.SearchControl();

      // Add in a full set of searchers
      var localSearch = new google.search.LocalSearch();
      searchControl.addSearcher(localSearch);
      searchControl.addSearcher(new google.search.WebSearch());
      searchControl.addSearcher(new google.search.VideoSearch());
      searchControl.addSearcher(new google.search.BlogSearch());

      // Set the Local Search center point
      localSearch.setCenterPoint("New York, NY");

      // Tell the searcher to draw itself and tell it where to attach

      searchControl.draw(document.getElementById("searchcontrol");

      // Execute an inital search
      searchControl.execute("Google");
    }
    google.setOnLoadCallback(OnLoad);

    //]]>
    </script>
  </head>
  <body>
    <div id="searchcontrol">Loading...</div>
  </body>
</html>

faint，没有变化，因为默认的就是DRAW_MODE_LINEAR，排成一列，如果想吧搜索结果按标签分的话用DRAW_MODE_TABBED，然后我们还可以改变一下搜索词（上例中是Google），也可以没有。

可以用的搜索类型有