google ajax search 示例

最新推荐文章于 2024-05-27 09:43:23 发布
最新推荐文章于 2024-05-27 09:43:23 发布
阅读量105 收藏
点赞数
分类专栏： google api 文章标签： Google Ajax CSS JavaScript XHTML ViewUI
xml 代码
  1. >  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3.   <head>  
  4.     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>  
  5.     <title>Hello World - Google AJAX Search API Sampletitle>  
  6.     <link href="http://www.google.com/uds/css/gsearch.css" type="text/css" rel="stylesheet"/>  
  7.     <style type="text/css">  
  8.   
  9.     body {   
  10.       background-color: white;   
  11.       color: black;   
  12.       font-family: Arial, sans-serif;   
  13.       font-size: small;   
  14.       margin: 15px;   
  15.     }   
  16.   
  17.     .gsc-control { width : 400px; }   
  18.   
  19.   
  20.     style>  
  21.     <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript">script>  
  22.     <script type="text/javascript">  
  23.         
  24.   
  25.     function OnLoad() {   
  26.       // Create a search control   
  27.       var searchControl = new GSearchControl();   
  28.       var drawElement = document.getElementById("searchResults") ;   
  29.       var searchForm = document.getElementById("searchForm") ;   
  30.   
  31.       // Add in a full set of searchers   
  32.       var localSearch = new GlocalSearch();   
  33.       searchControl.addSearcher(localSearch);   
  34.       searchControl.addSearcher(new GwebSearch());   
  35.       searchControl.addSearcher(new GvideoSearch());   
  36.       searchControl.addSearcher(new GblogSearch());   
  37.       searchControl.addSearcher(new GnewsSearch());   
  38.       searchControl.addSearcher(new GimageSearch());   
  39.       searchControl.addSearcher(new GbookSearch());   
  40.   
  41.       // Set the Local Search center point   
  42.       localSearch.setCenterPoint("New York, NY");   
  43.   
  44.       // create a drawOptions object   
  45.       var drawOptions = new GdrawOptions();   
  46.   
  47.             // tell the searcher to draw itself in linear mode   
  48.             drawOptions.setDrawMode(GSearchControl.DRAW_MODE_LINEAR);   
  49.             // tell the searcher to draw itself in tabbed mode   
  50.             drawOptions.setDrawMode(GSearchControl.DRAW_MODE_TABBED);   
  51.                
  52.         //  drawOptions.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);   
  53.   
  54.                
  55.             drawOptions.setSearchFormRoot(searchForm);   
  56.   
  57.   
  58.   
  59.             searchControl.draw(drawElement, drawOptions);   
  60.   
  61.       // execute an inital search   
  62.       searchControl.execute("http://fly-net-cn.iteye.com/");   
  63.     }   
  64.     GSearch.setOnLoadCallback(OnLoad);   
  65.     
  66.     script>  
  67.   head>  
  68.   <body>  
  69.     <table width="100%">  
  70.       <tr>  
  71.         <td class="content" valign="top" width="60%">  
  72.           <div id="content">  
  73.             <div id="searchResults">Loading...div>  
  74.           div>  
  75.         td>  
  76.         <td class="sidebar" width="40%">  
  77.           <div id="sidebar">  
  78.             <h2>Searchh2>  
  79.             <div id="searchForm">Loading...div>  
  80.           div>  
  81.         td>  
  82.       tr>  
  83.     table>  
  84.   body>  
  85. html>  
iteye_578
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用PHP获取Google AJAX Search API 数据的代码
10-29
1. **访问申请页面**：访问[Google AJAX Search API注册页面](http://code.google.com/apis/ajaxsearch/signup.html)。 2. **创建项目**：如果没有Google Cloud Platform项目，则需要创建一个新项目。 3. **启用API*...
利用Google AJAX Search API
03-31
**利用Google AJAX Search API** Google AJAX Search API是Google提供的一项服务，允许开发者在自己的网站上集成Google搜索功能，通过JavaScript实现动态、异步的搜索体验。这个API在2008年发布，不过请注意，该API...
jQuery创建ajax关键词数据搜索
weixin_30825581的博客
12-06 209
在web开发过程当中，我们经常需要在前台页面输入关键词进行数据的搜索，我们通常使用的搜索方式是将搜索结果用另一个页面显示，这样的方式对于搭建高性能网站来说不是最合适的，今天给大家分享一下如何使用 jQuery，MySQL 和 Ajax创建简单和有吸引力的 Ajax 搜索，希望大家在开发项目的时候能够根据自己的实际情况灵活运用。 点击搜索默认显示所有的结果 [attachimg]10**[/...
ajaxsearch要点1
weixin_34121304的博客
12-19 214
ajaxsearch中必须将form的class定义为pagerForm，才能在foot中submit按钮得到值
强大而灵活的AJAX实时搜索插件：AJAX Live Search
gitblog_00009的博客
05-27 399
强大而灵活的AJAX实时搜索插件：AJAX Live Search 项目地址:https://gitcode.com/iranianpep/ajax-live-search 在网页中实现即时搜索功能可以极大提升用户的体验。今天，我们向您推荐一个基于jQuery的高效开源项目——AJAX Live Search。它能够像Google自动补全一样，在用户输入时实时显示搜索结果。 项目介绍 AJAX L...
Google Ajax Search API的基本使用方法
leeshuqing的专栏
05-23 3634
Google Search API参考书籍：Google API大全—编程?开发?实例书籍对几十种Google常用API进行了梳理和介绍，辅以行之有效的代码实例http://code.google.com/intl/zh-CN/apis/ajaxsearch/documentation/1）Google Site SearchGoogle站点内嵌搜索的使用方法首页站内全文搜索，谷歌合作
将实时Ajax搜索栏添加到您的WordPress网站
代码教主
06-23 1178
无论您是在Google，YouTube，Amazon还是任何其他主要网站上键入搜索查询，实时搜索都已成为现代Web设计的基本要素。 实时搜索是当您看到建议的搜索字词列表时，这些搜索字词会随着您的输入而更新，并且可能是对任何网站的宝贵补充。 如今，许多用户只是希望每个网站都具有实时搜索功能，您可能会发现很少有人愿意手动搜索您的网站。 通过帮助访问者找到对他们而言重要的内容，您可以将它们保...
Google AJAX Search API+TAG
07-13
这是一个简单的示例，用于演示如何使用Google AJAX Search API进行内嵌式搜索。示例代码展示了一个针对关键词“VWGTI”的搜索结果，其中包括本地搜索、网页搜索、视频搜索和博客搜索的结果。 ```html <!DOCTYPE ...
jQuery ajax仿Google自动提示SearchSuggess功能示例
12-02
在本示例中，我们将探讨如何使用jQuery和Ajax技术实现一个类似于Google搜索的自动提示功能，这被称为SearchSuggess。这个功能会在用户输入查询时动态地从服务器获取建议的搜索词并显示在输入框下方。 首先，让我们...
使用ajax实现搜索功能
weixin_30608131的博客
10-31 1291
最近要做一个搜索功能，网上搜了一圈，终于做出来了，很简单的一个，这里分享我的方法,希望对大家有用，不足之处还请指教。 这里使用ajax提交数据，配合jquery将数据显示出来。 用jq的keyup触发搜索功能。 1、html部分：<input type="text"><div class="search_show"> <!--搜索出来的数...
搜索用ajax实现,使用ajax实现搜索功能
weixin_32093519的博客
08-05 962
这里使用ajax提交数据，配合jquery将数据显示出来。用jq的keyup触发搜索功能。1. html部分：~~~~~~2. js部分~~~//搜索功能,手指离开键盘时触发$("input").keyup(function(){search()});//搜索功能,提交ajax数据到后台function search(){var html =''var key = $("input").val(...
新的Google Ajax Search Api
纯月部落
06-14 1952
从今天起，在你的网站内加入google search有新的办法了，那就是Google Ajax Search Api。搜索的内容会自动在你的网页内显示，而不是跳转到google的页面。申请地址：http://code.google.com/apis/ajaxsearch/
Google Ajax Search 参考
天天磨刀
11-13 1014
 Google AJAX Search API参考Google AJAX Search API是一种允许您设置Google查寻到您的网页和其他 Web应用程序上的Javascript类库。要使用API，您首先将需要 申请一个API 钥匙签名然后遵守指示如下。Google AJAX Search API提供有一定数量限制的Google服务，能执行逐行搜索简单的网络对象 (网络查寻、本地查
Search Ajax
weixin_34128839的博客
01-12 85
为什么80%的码农都做不了架构师？>>> ...
使用 Google Ajax Search API
江城风情
09-30 1182
 在异步应用程序中使用公共 API 发出异步请求并不意味着只是与您自己的服务器端程序交互。其实也可以与一些公共 API，例如来自 Google 或 Amazon 的 API 进行通信，从而为 Web 应用程序增加您自己的脚本和服务器端程序所不能提供的更多功能。本文向您介绍如何向公共 API，例如 Google 提供的 API 发出请求并接收其响应。客户端Web页面 向服务器端脚本和
ajax学习系列之九: 使用 Google Ajax Search API
cw6456855的专栏
02-23 329
发出异步请求并不意味着只是与您自己的服务器端程序交互。其实也可以与一些公共 API，例如来自 Google 或 Amazon 的 API 进行通信，从而为 Web 应用程序增加您自己的脚本和服务器端程序所不能提供的更多功能。在本文中，Brett McLaughlin 教您如何向公共 API，例如 Google 提供的 API 发出请求并接收其响应。 到目前为止，这个系列只涉及到客户机 W
基于Android二维码点餐系统设计与实现.docx
最新发布
08-14
基于Android二维码点餐系统设计与实现.docx
精通Ajax：全方位解析与实战指南
此外，书中还涉及到了Google AjaxSearch API的使用，提供了实际应用的示例。" Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页内容的技术。它通过XMLHttpRequest对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值