日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

解讀利用PHP JavaScript打造AJAX搜索窗的方法_PHP教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

推薦:解析PHP CSS實現(xiàn)打印簡單數(shù)據(jù)報表功能
PHP CSS實現(xiàn)打印簡單數(shù)據(jù)報表功能 功能:實現(xiàn)打印日報表的功能,定義了專門的打印樣式,隱藏了不該打印的控件并實現(xiàn)了分頁打印功能,表名:rec 字段:rec_id,rec_po,rec_part,rec_plant

一、引言

Web世界中一項廣為使用的功能就是搜索。隨著Web技術(shù)的日益發(fā)展,為了更好地滿足客戶的需求,常規(guī)搜索引擎開始對更多的非常規(guī)方式"敞開了大門"。在這方面,Yahoo!率先提供出其Y!Q服務(wù)。這個新的服務(wù)能夠使你搜索任何web頁面,前提是該頁面的作者必須包括在他們的web頁面中。是服務(wù)技術(shù)實現(xiàn)了把相關(guān)的搜索結(jié)果呈現(xiàn)到讀者眼前,從而向讀者展示更多的信息而不必離開他們的當前頁面。

Yahoo!的Y!Q服務(wù)的確是一個偉大的想法,但是它的出現(xiàn)也受到了一些批評。原因何在?首先,它要求客戶端必須使用Yahoo!的JavaScript并且你必須添加一個<form/>元素,以便滿足Yahoo!的搜索要求。對于許多網(wǎng)站作者來說,提供該服務(wù)要求付出太多的努力。并且,在所有這些條件滿足之后,搜索結(jié)果將以Yahoo!風格展現(xiàn),從而破壞了用戶網(wǎng)站的外觀感覺。

幸運的是,Yahoo!并非唯一的提供"從你的網(wǎng)站提供搜索結(jié)果"服務(wù)的搜索引擎。MSN Search也提供一種類似服務(wù),除了它能夠使web開發(fā)者控制外觀感覺以外。這種能力來自于MSN Search提供它的搜索結(jié)果的RSS版本,從而使得訂閱一個特定的搜索或使用Ajax方法把該結(jié)果添加到你的頁面成為可能。

盡管Google已經(jīng)率先實現(xiàn)了這種新的"從你的站點進行搜索"技術(shù);但是,在本文成文之時,與Google相關(guān)的Google BlogSearch Beta也已經(jīng)能夠以RSS或者Atom格式提供返回的結(jié)果。

二、 服務(wù)器端組件

使用MSN Search執(zhí)行搜索時,你會看到一個桔黃色的XML圖像出現(xiàn)在結(jié)果頁面的底部。點擊這個圖像將會把你帶到一個新的頁面,并提供給你訂閱該搜索的URL。

這樣以來,你就可以編寫服務(wù)器端代碼以檢索遠程饋送。對于本文中的搜索窗,你將使用PHP檢索搜索饋送。來自于服務(wù)器應(yīng)用程序請求信息的URL看起來如下所示:

websearch.php?search=[SEARCHTERM]

查詢字符串只有一個變量:"search";因此,應(yīng)用程序應(yīng)該查找此查詢項。在服務(wù)器端,你需要創(chuàng)建一個頁面來"拉動"這個數(shù)據(jù):

以下為引用的內(nèi)容:

<?php
header("Content-Type: text/xml");
header("Cache-Control: no-cache");if ( isset(_GET["search"]) )
{
 searchTerm = urlencode( stripslashes(_GET["search"]) );
 url = "http://search.msn.com/results.aspx?q=searchTerm&format=rss";
 xml = file_get_contents(url);
 echo xml;
}
?>

前兩行設(shè)置要求的頭部以便瀏覽器能夠正確處理數(shù)據(jù)(XML形式,并且沒有對結(jié)果予以緩沖)。下一行代碼使用isset()函數(shù)來決定是否搜索鍵存在于查詢字符串中。

為了把一個合適的請求發(fā)送到遠程主機,搜索術(shù)語應(yīng)該通過許多函數(shù)的"過濾"。首先,它被傳遞給stripslashes()函數(shù)。如果在PHP配置中啟動了"magic quotes"(缺省情況下是支持的),那么,到達PHP引擎的任何引號都會被使用一個斜杠(如,"search query")自動地脫掉。該stripslashes()函數(shù)負責刪除這些符號,僅留下"search query"。在刪除斜杠后,轉(zhuǎn)到urlencode()函數(shù),由這個函數(shù)負責編碼字符以用于查詢字符串�?崭瘛⒁枴�"&"等符號都被編碼。

注意 如果搜索術(shù)語不能通過這些函數(shù)的"過濾",那么,MSN服務(wù)器將返回一個代碼400-"Bad Request"。

當為轉(zhuǎn)換搜索術(shù)語準備好后,它被包括到URL中并存儲于url變量中。最后,file_get_contents()函數(shù)負責打開遠程文件,讀取其內(nèi)容并以一個字符串形式把它返回到xml變量中,然后使用echo命令把它打印到頁面中。

三、 客戶端組件

本文中的搜索窗口(Widget)的客戶端代碼基于一個靜態(tài)對象msnWebSearch創(chuàng)建-它被定義為一個沒有任何屬性(現(xiàn)在)的對象:

var msnWebSearch ={};

這個對象用于一個HTMLElement的onclick事件中執(zhí)行搜索:

以下為引用的內(nèi)容:

<a href="#"
onclick='msnWebSearch.search(event,"Professional Ajax"); return false;'>
Professional Ajax
</a>

這個msnWebSearch對象提供若干取得搜索結(jié)果的方法,并負責繪制和放置包含這些數(shù)據(jù)的HTML。第一個方法是drawResultBox(),它負責繪制HTML。這個方法形成的HTML如下所示:

以下為引用的內(nèi)容:

<divclass="ajaxWebSearchBox">
�。糳iv class="ajaxWebSearchHeading">MSN Search Results
�。糰 class="ajaxWebSearchCloseLink" href="#">X</a>
</div>
<div class="ajaxWebSearchResults">
�。糰 class="ajaxWebSearchLink" target="_new" />
�。糰 class="ajaxWebSearchLink" target="_new" />
</div>
</div>

該結(jié)果框分為兩部分:一個頭部和一個結(jié)果欄(見圖1)。頭部告訴用戶這個新的搜索窗包含來自一個MSN搜索的結(jié)果。它還包含一個"X"用于關(guān)閉該小窗口。其結(jié)果欄包含塊風格的鏈接,當點擊這些鏈接時將打一個新的窗口。

分享:解析PHP技術(shù):txtSQL安裝手冊中文版
txtsql的最大優(yōu)點之一是文檔很詳細,可惜,我在網(wǎng)上找了半天也找不到中文版的文檔,所以只好自己動手,利人利已吧,不過自己的E文水平自己是很清楚的,希望大家看了不會笑掉大牙才好,還希

共6頁上一頁123456下一頁
來源:模板無憂//所屬分類:PHP教程/更新時間:2009-09-17
相關(guān)PHP教程