`

如何使用 Ajax Google API

    博客分类:
  • Ajax
阅读更多
首先要申请 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>
分享到:
评论

相关推荐

    掌握Ajax系列9:使用Google Ajax Search API

    这是为了跟踪和控制你的API使用情况。你可以通过访问Google Ajax Search API的官方网站来注册并获取密钥。注册过程通常包括同意服务条款和提供一些基本信息,如你的网站URL等。一旦获取了密钥,你就可以在你的...

    Google AJAX Search API

    The Map Search Control is a simple to use application of the Google AJAX Search API that is designed to let you easily add a searchable map to your pages, sites, and blogs. The control on the right ...

    利用Google AJAX Search API

    2. **API使用流程** 使用Google AJAX Search API时,首先需要在Google Developers Console注册项目,获取API密钥。然后在客户端(通常是网页)的JavaScript代码中,通过创建`GSearch`对象,并调用其方法来设置搜索...

    掌握 Ajax第 9 部分-使用 Google Ajax Search API.pdf

    ### 掌握 Ajax 第 9 部分:使用 Google Ajax Search API #### 知识点概述 在本文档中,作者Brett McLaughlin详细介绍了如何利用公共API(特别是Google Ajax Search API)来增强Web应用程序的功能。这篇文章适用于...

    Google AJAX Search API+TAG

    这是一个简单的示例,用于演示如何使用Google AJAX Search API进行内嵌式搜索。示例代码展示了一个针对关键词“VWGTI”的搜索结果,其中包括本地搜索、网页搜索、视频搜索和博客搜索的结果。 ```html &lt;!DOCTYPE ...

    Google-AJAX-Search-API.rar

    这可能是一个完整的示例项目,开发者可以学习和参考其结构和实现方式来理解如何集成和使用Google AJAX Search API。 3. "CoolNSimpleGoogleAJAX.aspx_files" - 这个文件夹很可能包含了"CoolNSimpleGoogleAJAX.aspx...

    官方google API

    `google_ajax_developer's_guide.doc`和`google_ajax_developer's_guide2.doc`是开发者指南,它们提供了详细的API使用教程和最佳实践,可能涵盖了如何初始化API、如何请求搜索、如何处理响应、错误处理以及优化性能...

    用Google AJAX Search API对互联网上Linux命令出现次数排名

    标题中的“用Google AJAX Search API对互联网上Linux命令出现次数排名”表明了本文将探讨如何利用Google ...对于想要学习Web服务API使用、Linux命令流行度研究以及数据处理的读者来说,这篇博客具有很高的实践价值。

    用PHP获取Google AJAX Search API 数据的代码

    在使用Google AJAX Search API之前,你需要申请一个API密钥。具体步骤如下: 1. **访问申请页面**:访问[Google AJAX Search API注册页面](http://code.google.com/apis/ajaxsearch/signup.html)。 2. **创建项目**...

    谷歌浏览器插件—— Ajax Interceptor

    Ajax Interceptor 是一款专为谷歌浏览器(Chrome)设计的插件,它允许开发者在Ajax请求发送后和响应返回前进行干预,从而实现对AJAX请求数据的修改。这款插件对于前端开发、调试以及测试来说是一个强大的工具,特别...

    google_API接口

    在使用Google API时,通常需要注册应用并获取API密钥,以便进行身份验证和控制API使用量。此外,为了遵守Google的使用条款,需要确保正确处理版权和隐私问题,避免滥用服务。 总结起来,Google API接口提供了丰富的...

    运用AJAX实现的一个简单的google Map 程序 附源码 经典

    标题"运用AJAX实现的一个简单的google Map 程序 附源码 经典"表明这是一个使用AJAX技术构建的、基于Google Maps API的简单应用程序。这个程序具有教学或示例性质,因为“经典”一词常常用于描述值得学习和参考的代码...

    Google地图API参考

    Google 地图 API 现在与 Google AJAX API 载入器集成,后者创建了一个公共命名空间,以便载入和使用多个 Google AJAX API。该框架可让您将可选 google.maps.* 命名空间用于当前在 Google 地图 API 中使用的所有类、...

    Jquery调用Google搜索API实现搜索引擎.rar

    在这个文件中,你可以找到使用jQuery发起Ajax请求到Google Custom Search JSON API的代码。Google Custom Search API允许开发者通过JSON格式获取搜索结果,然后在网页上展示。 2. **index.html**: 这是网页的结构...

    Ajax和Jquery实现谷歌百度搜索下来提示

    在实现Ajax功能时,jQuery 提供了一套简洁的 API,使得开发者可以方便地发起Ajax请求,处理响应数据。 **谷歌百度搜索下拉提示实现** 在"谷歌百度搜索下来提示"的项目中,我们可能需要模仿谷歌和百度搜索引擎在...

    AJax详解.chm

    第 9 部分: 使用 Google Ajax Search API 第 10 部分: 使用 JSON 进行数据传输 第 11 部分:将 Ajax 带入 Eclipse 的 Ajax Toolkit Framework 的两个工具 第 12 部分:面向 Java 开发人员的 Ajax: 构建动态的 Java...

    Google 地图 API 参考

    Google地图API现在与Google AJAX API载入器进行了集成,这为开发者提供了统一的命名空间,使得同时使用多个Google AJAX API变得更为简便。这种框架设计允许开发者使用`google.maps.*`命名空间来替代原有的`G`前缀,...

    调用GOOGLEAPI

    在GIS(地理信息系统)开发中,调用外部API,尤其是Google API,是常见的实践,能够增强应用程序的功能,比如地图展示、地理位置搜索、导航等。在这个示例中,开发者利用Google API实现了四大功能:添加图元、搜索、...

    ajax教程及帮助文档

    随着Fetch API的普及,XMLHttpRequest不再是唯一的Ajax解决方案。Fetch API提供了一个更简洁、更符合Promise语法的接口,例如: ```javascript fetch('example.php') .then(response =&gt; response.text()) .then...

Global site tag (gtag.js) - Google Analytics