如何使用 Ajax Google API

最新推荐文章于 2021-08-06 00:03:35 发布

sakyoneone

最新推荐文章于 2021-08-06 00:03:35 发布

阅读量168

点赞数

分类专栏： Ajax 文章标签： Google Ajax XHTML HTML

本文链接：https://blog.csdn.net/sakyoneone/article/details/83368431

版权

Ajax 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

首先要申请 Google 的 API 文档

在开始使用获得的密钥之前，要花点时间阅读一下 Google 的 API 文档（在提供密钥的页面的底端有一个链接，本文的参考资料中也提供了该链接）。即使您通过本文有了很好的初步认识，仍然会发现 Google 的 API 文档是一个很好的参考资料，通过该文档可能会得到关于如何在您自己特有的应用程序中、站点上使用 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=ABQIAAAA9D0mNrJDMle82KS2jw2oqhR1l_PCByGaoEkNWJz1TeD4qOckFxRxunRNNPR-iLYKbSTIXsVGD3Ff2A" 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" align="center" style="width:auto; height:auto;">Loading...</div>
  </body>
</html>