使用 Google Ajax Search API

来源：Developer 作者：出处：巧巧读书 2007-03-09 进入讨论组

JavaScript 解析

在继续学习之前，简单看一下这些基本命令的作用。首先，创建一个新的 GSearchControl，如清单 3 所示。以下结构可用于执行所有搜索任务：

清单 3. 创建新的 GSearchControl

    function OnLoad() {
      // Create the Google search control
      var searchControl = new GSearchControl();

      ...
    }

接着，代码使用 GlocalSearch 设置一个新的本地搜索；这是特殊的 Google 结构，通过它可以对特定位置执行搜索。这个本地搜索如清单 4 所示。

清单 4. 设置新的本地搜索

    function OnLoad() {
      // Create the Google search control
      var searchControl = new GSearchControl();

      // These allow you to customize what appears in the search results
      var localSearch = new GlocalSearch();
      ...                             

      // Tell Google your location to base searches around
      localSearch.setCenterPoint("Dallas, TX"); 

      ...
    }

只要知道对象和方法调用，以上代码无需解释。清单 4 中的代码创建一个新的本地搜索器，然后设置搜索的中心位置。

清单 5 中的这几行代码告诉搜索控件应该执行何种类型的搜索。

清单 5. 允许的搜索类型

    function OnLoad() {
      // Create the Google search control
      var searchControl = new GSearchControl();

      // These allow you to customize what appears in the search results
      var localSearch = new GlocalSearch();
      searchControl.addSearcher(localSearch);
      searchControl.addSearcher(new GwebSearch());
      searchControl.addSearcher(new GvideoSearch());
      searchControl.addSearcher(new GblogSearch());

      // Tell Google your location to base searches around
      localSearch.setCenterPoint("Dallas, TX"); 

      ...
    }

其中大部分搜索类型都可以查阅到，以下是一个简短的总结：

GwebSearch：该对象用于搜索 Web，这是 Google 最著名的一种搜索。
GvideoSearch：该对象查找与搜索词相关的视频。
GblogSearch：该对象专门搜索博客，博客的结构和标记与其它 Web 内容类型有所不同。
您已经了解如何预先装载特定的搜索。然后，剩下的只有 draw() 方法调用了，如清单 6 所示。您为该方法调用提供了 HTML 中的一个 DOM 元素（如果想回顾关于 DOM 的内容，请参阅参考资料中本系列的前几篇文章）。然后，这个控件将魔术般地出现在窗体上，供用户使用。

清单 6. 绘制搜索控件

    function OnLoad() {
      // Create the Google search control
      var searchControl = new GSearchControl();

      // These allow you to customize what appears in the search results
      var localSearch = new GlocalSearch();
      searchControl.addSearcher(localSearch);
      searchControl.addSearcher(new GwebSearch());
      searchControl.addSearcher(new GvideoSearch());
      searchControl.addSearcher(new GblogSearch());

      // Tell Google your location to base searches around
      localSearch.setCenterPoint("Dallas, TX"); 

      // "Draw" the control on the HTML form
      searchControl.draw(document.getElementById("searchcontrol"));

      searchControl.execute("Christmas Eve");
    }