`
cleverpig
  • 浏览: 150743 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Google AJAX Search API+TAG=美味的站点?(一)

阅读更多



摘要:

del.icio.us提供了多种可重用的数据格式。而它提供了通用API访问和类似PHP的输出格式,使这些数据也可以被JavaScript开发者将 其作为JSON格式所使用。Google AJAX Search API提供一些简单的web对象。如何把这两项技术结合在一起呢?Google AJAX Search API+TAG=美味的站点?由于本文长达25页,详细阅读请下载原文和源代码。

原文地址http://www.matrix.org.cn/resource/article/2006-12-20/c5a99539-8ffb-11db-ab77-2bbe780ebfbf.html

前言

        del.icio.us提供了多种可重用的数据格式。而它提供了通用API访问和类似PHP的输出格式,使这些数据也可以被JavaScript开发者将其作为JSON格式所使用。

        Google AJAX Search API提供一些简单的web对象:它们执行建立在各种Google服务(页面搜索、本地搜索、视频搜索、Blog搜索、新闻搜索)之上的内嵌(inline)搜索。

        如何把这两项技术结合在一起呢?Google AJAX Search API+TAG=美味的站点?由于本文长达25页,所以下面仅列出了一些摘要性段落,详细阅读请下载原文和源代码:
  

什么是Google AJAX Search API ?

image
图-1 这就是Google AJAX Search API?


        Google AJAX Search API是提供在页面和web应用中嵌入Google Search的JavaScript代码库。当然像其它Google开发API相同,在使用它之前,你首先需要注册一个API key

        Google AJAX Search API提供一些简单的web对象:它们执行建立在各种Google服务(页面搜索、本地搜索、视频搜索、Blog搜索、新闻搜索)之上的内嵌 (inline)搜索。如果你设计页面是为了帮助用户建立内容(比如信息板、blog等),而这个API可以设计成:通过允许它们直接把搜索结果复制到它 们的信息中的方式来支持前面的这些活动。

        Google AJAX Search API是最新发布的,它的特性被广泛地用户使用,你可以通过加入Google AJAX Search API讨论组来进行反馈和技术讨论。

示例

        注意:这里的示例仅提供了相关的Javascript代码而并非全部的HTML文件。你可以将这些代码插入到HTML文件或者通过点击下载链接下载完整的HTML文件。

基本功能
        下面的代码建立了一个搜索控制,并配置它用以完成跨越本地搜索、页面搜索、视频搜索、blog搜索的搜索,然后将搜索控制放置在页面中。
        ...
GSearcherControl 绘制(Draw)模式
        ...
搜索者对象(Searcher Objects)
        ...
搜索者选项(GsearcherOptions)
        ...
控制展开模式
        ...
保持搜索结果
        ...
设置站点限制
        ...
搜索控制回调方法
        ...
自定义Search Form
        ...
高级的商标用法
        ...
附加示例
        ...

Troubleshooting

        如果你在编写代码时遇到问题,请参考下面的步骤找出、修正问题:
        image确认你的API key是有效的。
        image查看输入的代码。请记住JavaScript是一种大小写敏感的语言。
        image使用JavaScript调试器。在Firefox中,你可以使用JavaScript console或是Venkman Debugger。在IE中,你可以使用Microsoft Script Debugger
        image搜索AJAX Search API讨论组。如果你找不到问题的答案,请将你的问题和能
        image重现问题的页面链接发表在讨论组。
        image查看来自第三方开发者的其它资源。

API回顾

        Google AJAX Search API由下面的类组成:

          imageGSearchControl:提供用户接口和对搜索者对象的控制,每个搜索者对象被设计用来执行指定类型的搜索并返回相应类型的结果(网页搜索、本地搜索等)。
          imageGSearch:所有搜索者类的基类,它定义了所有搜索者服务必须实现的接口。
          imageGResult:用来封装搜索者对象产生的搜索结果的基类。
          imageGsearchOptions:用于在将搜索者对象添加到搜索控制时,配置搜索者对象的行为。
        ...

使用JSONDishy轻松集成美味书签

什么是Dishy?

image
图-4 马赛克的魅力(Dishy)


        Dishy是一种对del.icio.us JSON REST API 的JavaScript封装。在使用时你所需做的事首先是将它包含到你的HTML文档中
        ...

Dishy能做什么?

        社会书签网站:del.icio.us,提供了多种可重用的数据格式。而它提供了通用API访问和类似PHP的输出格式,使这些数据也可以被JavaScript开发者将其作为JSON格式所使用。

        Dishy:使用del.icio.us提供的JSON REST API来获得关于Tag的JSON格式的工具。

        Dishy与tag一起协力是用户获得以下益处:
        1.你可以接收你的链接或者tag数据,而不是用服务器端代理。
        2.获得的数据被自动缓存。
        3.在页面被装载后根据需要摘取数据,并且没有增加页面的负担。
        4.由于搜索引擎不愿索引那些显示你的页面的相关性的del.icio.us链接这类的事情不再发生,你的pagerank将会提高。

Dishy属性和方法
        ...
下载Dishy
        ...
Dishy示例
        ...

改进Dishy的engage方法

image
图-5 “进化”才刚开始

        Dishy的核心方法engage:使用提供的参数访问使用del.icio.us JSON REST API的URL,然后执行返回的字符串。
        ...

使用Tags+Search模式丰富页面的相关性

image
图-6 内容的关联性是提高UE的重要元素


Tags+Search模式

        Tags+Search模式是指利用页面中的Tags,对与Tags相关的资源进行搜索、罗列。
使用Dishy+AJAX Search API实现Tags+Search模式
        前提条件:为了方便后面的tag搜索工作,首先要将文章的标题作为书签的description值提交到del.icoi.us。

        如何添加书签:我在《如何定制Roller blog》介绍了如何在blog中添加美味书签的方法,在页面上添加美味书签的过程应该与之类似。当然,你也可以使用程序在文章发布时自动将其信息提交到美味书签,此方法就留给大家思考吧。

         实现过程:我使用Dishy根据文章标题找到此文章在del.icoi.us中相应的Tags,并对Tags中的多个tag进行随机抽取组成search 关键字,然后使用Google AJAX Search API对search 关键字进行搜索,并将搜索结果放到页面适合的位置(比如网站的sidebar)。这将大大增加页面的信息相关性。


具体实现第一步:增加Dishy对tag的过滤能力

        这里简要说一下如何结合Tags和Google Search两项技术。请注意:这里的代码使用到了prototype.js(1.4版),而JavaScript类使用了prototype(也被称为原型)的风格。...


具体实现第二步:封装Google AJAX Search API和页面request类
        ...
具体实现第三步:完成测试页面
        ...
具体实现第四步:与网站集成
        ...
评论
2 楼 cleverpig 2006-12-29  
回复robbin同学:
由于本文长达25页,所以下面仅列出了一些摘要性段落,详细阅读请下载原文和源代码:
 
Google AJAX Search API+TAG=美味的站点.pdf        Dishy+Google AJAX Search API演示源代码
1 楼 robbin 2006-12-29  
挺不错的新闻稿,图文并貌,就是缺了具体技术内容的讲解,颇有bd7lx的风格。

相关推荐

    Google AJAX Search API+TAG

    ### Google AJAX Search API+TAG 知识点解析 #### 一、Google AJAX Search API简介 **Google AJAX Search API**是一种JavaScript代码库,旨在为网页和Web应用程序提供内嵌式Google搜索的功能。它允许开发者轻松地...

    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

    Google AJAX Search API是Google提供的一项服务,允许开发者在自己的网站上集成Google搜索功能,通过JavaScript实现动态、异步的搜索体验。这个API在2008年发布,不过请注意,该API已于2011年被Google淘汰,现在已...

    struts + spring + hibernate + velocity + ajax + jotm + acegi

    简介: struts + spring + hibernate + velocity + ajax + jotm + acegi ================================================================================================ 本资料共包含以下附件: 1161...

    Ajax中文手册+API文档=中文版

    本压缩包包含两份中文资源,一份是API手册,另一份是Ajax中文手册的快速上手指南,对于想要学习和深入理解Ajax的开发者来说,是相当实用的学习材料。 **API手册**,通常是一份详尽的技术参考文档,列出了Ajax相关...

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

    Google Ajax Search API是一个接口,允许开发人员在其网页中嵌入动态搜索功能,能够实时地从Google的搜索索引中获取数据。使用这个API,你可以创建自定义的搜索体验,不仅限于你的本地数据,还能访问全球的信息。 *...

    掌握 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.rar

    【标题】"Google-AJAX-Search-API.rar" 涉及的是谷歌的 AJAX(Asynchronous JavaScript and XML)搜索 API,这是一个允许开发者在他们的网页上嵌入动态、实时的谷歌搜索功能的技术。这个API利用了AJAX技术,使得用户...

    ajax经典实例+代码大全

    +=========================================================================================== 最后注释: 可能还有一点,就是把你的ajax密码定位好 路径是:${ajax}\ajax\WEB-INF\classes\ajax_db.properties...

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

    标题中的“用Google AJAX Search API对互联网上Linux命令出现次数排名”表明了本文将探讨如何利用Google AJAX Search API来统计并排序Linux命令在互联网上的使用频率。这是一个利用Web服务进行数据挖掘和分析的实例...

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

    Google AJAX Search API为开发者提供了一种简单的方式,通过编程接口来实现对Google搜索功能的调用。本文将详细介绍如何使用PHP语言来获取Google AJAX Search API的数据,并给出具体的代码实例。 #### 二、Google ...

    Ajax中文手册 API

    AJAX介绍AJAX是一种运用JavaScript和可扩展标记语言(XML),在网络浏览器和服务器之间传送或接受数据的技术。2. AJAX实例AJAX可以用来创建更多交互式的网络应用程序。3. AJAX源代码简要分析上一章节效果的代码原理4....

    ado.net+ajax+html+css+jquery+oracle+xml+sqlserver参考手册

    2. AJAX(Asynchronous JavaScript and XML):AJAX不是一种单一的技术,而是一种利用JavaScript进行异步数据交换和页面部分更新的技术。它通过XMLHttpRequest对象在后台与服务器通信,无需刷新整个页面,提高了用户...

    Ajax + JSON + Servlet + prototype.js(实现的一个Ajax实例)

    Ajax的核心是利用JavaScript来创建XMLHttpRequest对象,这个对象是浏览器提供的API,允许JavaScript与服务器进行异步数据交换。通过这种方式,用户可以与网页进行交互,而不会打断或等待页面的重新加载。 **JSON** ...

    Ajax征服++通讯录源码

    Ajax是一种在无需刷新整个网页的情况下,能够更新部分网页的技术,它的全称是Asynchronous JavaScript and XML(异步JavaScript和XML)。然而,在实际应用中,XML并不总是被使用,现在更常见的是JSON格式的数据交换...

    API文档Ajax+jQuery+正则表达式+SQL+JDK1.7

    本压缩包集合了多种API文档,包括Ajax、jQuery、正则表达式、SQL以及JDK 1.7的相关内容,对于学习和提升IT技能大有裨益。 首先,我们来看`jQuery文档.chm`,jQuery是一个轻量级、高性能的JavaScript库,它简化了...

    Ajax简介Ajax.API

    Ajax 简介和 Ajax API Ajax 简介 Ajax 是“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML)的缩写词,但事实上,Ajax 并非缩写词,而是由 Jesse James Gaiett 创造的名词。Ajax 是一种创建交互式...

    sencha的ajax+formpanel+google地图

    在“sencha的ajax+formpanel+google地图”这个主题中,我们将深入探讨如何使用Sencha Touch与Ajax、FormPanel以及Google Maps API集成,来创建一个具有数据提交和地图展示功能的应用。 首先,`app.html`是应用的...

    AJAX+servlet+jsp用户注册

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种技术,它允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。本项目"AJAX+servlet+jsp用户注册"是为初学者设计的一个典型示例,旨在教授...

    jquery+ajax+jsp+servlet实现二级级联菜单

    本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中,如用户管理、权限分配等场景。通过这种方式可以有效地组织大量的数据项,提高用户体验。 ...

Global site tag (gtag.js) - Google Analytics