国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
Google AJAX Search API+TAG=美味的站點(diǎn)?



前言

        del.icio.us提供了多種可重用的數(shù)據(jù)格式。而它提供了通用API訪問和類似PHP的輸出格式,使這些數(shù)據(jù)也可以被JavaScript開發(fā)者將其作為JSON格式所使用。

        Google AJAX Search API提供一些簡單的web對(duì)象:它們執(zhí)行建立在各種Google服務(wù)(頁面搜索、本地搜索、視頻搜索、Blog搜索、新聞搜索)之上的內(nèi)嵌(inline)搜索。

        如何把這兩項(xiàng)技術(shù)結(jié)合在一起呢?Google AJAX Search API+TAG=美味的站點(diǎn)?由于本文長達(dá)25頁,所以下面僅列出了一些摘要性段落,詳細(xì)閱讀請(qǐng)下載原文和源代碼:
        
        Dishy+Google AJAX Search API演示源代碼

什么是Google AJAX Search API ?


圖-1 這就是Google AJAX Search API?


        Google AJAX Search API是提供在頁面和web應(yīng)用中嵌入Google Search的JavaScript代碼庫。當(dāng)然像其它Google開發(fā)API相同,在使用它之前,你首先需要注冊(cè)一個(gè)API key。

        Google AJAX Search API提供一些簡單的web對(duì)象:它們執(zhí)行建立在各種Google服務(wù)(頁面搜索、本地搜索、視頻搜索、Blog搜索、新聞搜索)之上的內(nèi)嵌(inline)搜索。如果你設(shè)計(jì)頁面是為了幫助用戶建立內(nèi)容(比如信息板、blog等),而這個(gè)API可以設(shè)計(jì)成:通過允許它們直接把搜索結(jié)果復(fù)制到它們的信息中的方式來支持前面的這些活動(dòng)。

        Google AJAX Search API是最新發(fā)布的,它的特性被廣泛地用戶使用,你可以通過加入Google AJAX Search API討論組來進(jìn)行反饋和技術(shù)討論。

示例

        注意:這里的示例僅提供了相關(guān)的Javascript代碼而并非全部的HTML文件。你可以將這些代碼插入到HTML文件或者通過點(diǎn)擊下載鏈接下載完整的HTML文件。

基本功能
        下面的代碼建立了一個(gè)搜索控制,并配置它用以完成跨越本地搜索、頁面搜索、視頻搜索、blog搜索的搜索,然后將搜索控制放置在頁面中。
        ...
GSearcherControl 繪制(Draw)模式
        ...
搜索者對(duì)象(Searcher Objects)
        ...
搜索者選項(xiàng)(GsearcherOptions)
        ...
控制展開模式
        ...
保持搜索結(jié)果
        ...
設(shè)置站點(diǎn)限制
        ...
搜索控制回調(diào)方法
        ...
自定義Search Form
        ...
高級(jí)的商標(biāo)用法
        ...
附加示例
        ...

Troubleshooting

        如果你在編寫代碼時(shí)遇到問題,請(qǐng)參考下面的步驟找出、修正問題:
        
確認(rèn)你的API key是有效的。
        
查看輸入的代碼。請(qǐng)記住JavaScript是一種大小寫敏感的語言。
        
使用JavaScript調(diào)試器。在Firefox中,你可以使用JavaScript console或是Venkman Debugger。在IE中,你可以使用Microsoft Script Debugger。
        
搜索AJAX Search API討論組。如果你找不到問題的答案,請(qǐng)將你的問題和能
        
重現(xiàn)問題的頁面鏈接發(fā)表在討論組。
        
查看來自第三方開發(fā)者的其它資源。

API回顧

        Google AJAX Search API由下面的類組成:

          
GSearchControl:提供用戶接口和對(duì)搜索者對(duì)象的控制,每個(gè)搜索者對(duì)象被設(shè)計(jì)用來執(zhí)行指定類型的搜索并返回相應(yīng)類型的結(jié)果(網(wǎng)頁搜索、本地搜索等)。
          
GSearch:所有搜索者類的基類,它定義了所有搜索者服務(wù)必須實(shí)現(xiàn)的接口。
          
GResult:用來封裝搜索者對(duì)象產(chǎn)生的搜索結(jié)果的基類。
          
GsearchOptions:用于在將搜索者對(duì)象添加到搜索控制時(shí),配置搜索者對(duì)象的行為。
        ...

使用JSONDishy輕松集成美味書簽

什么是Dishy?


圖-4 馬賽克的魅力(Dishy)


        Dishy是一種對(duì)del.icio.us JSON REST API 的JavaScript封裝。在使用時(shí)你所需做的事首先是將它包含到你的HTML文檔中
        ...

Dishy能做什么?

        社會(huì)書簽網(wǎng)站:del.icio.us,提供了多種可重用的數(shù)據(jù)格式。而它提供了通用API訪問和類似PHP的輸出格式,使這些數(shù)據(jù)也可以被JavaScript開發(fā)者將其作為JSON格式所使用。

        Dishy:使用del.icio.us提供的JSON REST API來獲得關(guān)于Tag的JSON格式的工具。

        Dishy與tag一起協(xié)力是用戶獲得以下益處:
        1.你可以接收你的鏈接或者tag數(shù)據(jù),而不是用服務(wù)器端代理。
        2.獲得的數(shù)據(jù)被自動(dòng)緩存。
        3.在頁面被裝載后根據(jù)需要摘取數(shù)據(jù),并且沒有增加頁面的負(fù)擔(dān)。
        4.由于搜索引擎不愿索引那些顯示你的頁面的相關(guān)性的del.icio.us鏈接這類的事情不再發(fā)生,你的pagerank將會(huì)提高。

Dishy屬性和方法
        ...
下載Dishy
        ...
Dishy示例
        ...

改進(jìn)Dishy的engage方法


圖-5 “進(jìn)化”才剛開始

        Dishy的核心方法engage:使用提供的參數(shù)訪問使用del.icio.us JSON REST API的URL,然后執(zhí)行返回的字符串。
        ...

使用Tags+Search模式豐富頁面的相關(guān)性


圖-6 內(nèi)容的關(guān)聯(lián)性是提高UE的重要元素


Tags+Search模式

        Tags+Search模式是指利用頁面中的Tags,對(duì)與Tags相關(guān)的資源進(jìn)行搜索、羅列。
使用Dishy+AJAX Search API實(shí)現(xiàn)Tags+Search模式
        前提條件:為了方便后面的tag搜索工作,首先要將文章的標(biāo)題作為書簽的description值提交到del.icoi.us。

        如何添加書簽:我在《如何定制Roller blog》介紹了如何在blog中添加美味書簽的方法,在頁面上添加美味書簽的過程應(yīng)該與之類似。當(dāng)然,你也可以使用程序在文章發(fā)布時(shí)自動(dòng)將其信息提交到美味書簽,此方法就留給大家思考吧。

        實(shí)現(xiàn)過程:我使用Dishy根據(jù)文章標(biāo)題找到此文章在del.icoi.us中相應(yīng)的Tags,并對(duì)Tags中的多個(gè)tag進(jìn)行隨機(jī)抽取組成search 關(guān)鍵字,然后使用Google AJAX Search API對(duì)search 關(guān)鍵字進(jìn)行搜索,并將搜索結(jié)果放到頁面適合的位置(比如網(wǎng)站的sidebar)。這將大大增加頁面的信息相關(guān)性。


具體實(shí)現(xiàn)第一步:增加Dishy對(duì)tag的過濾能力

        這里簡要說一下如何結(jié)合Tags和Google Search兩項(xiàng)技術(shù)。請(qǐng)注意:這里的代碼使用到了prototype.js(1.4版),而JavaScript類使用了prototype(也被稱為原型)的風(fēng)格。...


具體實(shí)現(xiàn)第二步:封裝Google AJAX Search API和頁面request類
        ...
具體實(shí)現(xiàn)第三步:完成測試頁面
        ...
具體實(shí)現(xiàn)第四步:與網(wǎng)站集成
        ...
下載全文及源代碼

        
        改進(jìn)的Dishy+Google AJAX Search API演示源代碼


參考資源

        Google AJAX Search API
        Google AJAX Search API討論組
        Dishy開發(fā)文檔
        如何定制Roller blog
        Prototype官方網(wǎng)站
        Prototype開發(fā)手冊(cè)
        高級(jí)JavaScript開發(fā)快速向?qū)?/a>
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
掌握 Ajax,第 9 部分: 使用 Google Ajax Search API
王建碩: ajax
Ajax:老技術(shù),新外衣
jsonp其實(shí)很簡單【ajax跨域請(qǐng)求】
Web開放趨勢(shì)代表:無所不在的Google API
Ajax支持的Google地圖Mashup教程(3)
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服