日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

Google的即時(shí)功能是一種新的搜索增強(qiáng)功能，隨著您的鍵入顯示結(jié)果，它已經(jīng)獲得了眾多矚目，而且很容易明白這是為什么。獲取結(jié)果所需做的全部工作就是鍵入。您無(wú)需按Enter鍵來(lái)查看結(jié)果，然后調(diào)整您的搜索并再次按Enter鍵。這都將隨著您的鍵入而發(fā)生。如果您還沒(méi)有這樣做，請(qǐng)嘗試一下。令人驚訝的是這么小的變化卻能在可用性上產(chǎn)生如此大的差異。

公司主營(yíng)業(yè)務(wù)：成都做網(wǎng)站、成都網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)推出綏德免費(fèi)做網(wǎng)站回饋大家。

這類即時(shí)功能的主要好處在于易于實(shí)現(xiàn)，尤其當(dāng)您在使用jQuery等客戶端工具時(shí)。在本文中，您要遵循構(gòu)建簡(jiǎn)單搜索引擎的流程，而后再為該引擎構(gòu)建即時(shí)搜索用戶界面。這一切都始于獲取搜索數(shù)據(jù)。

設(shè)置數(shù)據(jù)

對(duì)于本文，我決定搜索“辛普森一家”劇集。我創(chuàng)建一個(gè)包含所有 “辛普森一家” 劇集、標(biāo)題、季數(shù)、集數(shù)、播放日期和每集摘要的 XML 文件（包括在源代碼 下載 中）。您可以在清單 1中看到該XML的一部分。

 
 
 

  
  
  
清單1. XML數(shù)據(jù)源  
  
  
  
 
  
  
  
 
  
  
  
    
  
  
  aired='17 December 1989'> 
  
  
  
     Christmas seems doomed for the Simpson family when Homer receives no  
  
  
  
    Christmas Bonus. Homer becomes a mall Santa Claus, hoping to make money and  
  
  
  
    bring Marge, Bart, Lisa, and baby Maggie, a happy holiday.  
  
  
  
   
  
  
  
   ...  
  
  
  
 
 
 
 

它實(shí)際上是一個(gè)非常大的文件，其大小約為840K。這應(yīng)該不令人意外，因?yàn)?“辛普森一家” 已經(jīng)播放了漫長(zhǎng)的22年。接下來(lái)就是編寫(xiě)一個(gè)PHP類，可為您執(zhí)行XML解析和搜索。這個(gè)類稱為Simpsons，如清單 2中所示。

 
 
 

  
  
  
清單 2. Simpsons 搜索類  
  
  
  
  
  
  
class Simpsons {  
  
  
  
 private $episodes = array();  
  
  
  
 public function __construct() {  
  
  
  
   $xmlDoc = new DOMDocument();  
  
  
  
   $xmlDoc->load("simpsons.xml");  
  
  
  
 foreach ($xmlDoc->documentElement->childNodes as $episode)  
  
  
  
   {  
  
  
  
     if ( $episode->nodeType == 1 ) {  
  
  
  
      $this->episodes []= array(   
  
  
  
      'episode' => $episode->getAttribute( 'episode' ),  
  
  
  
      'season' => $episode->getAttribute( 'season' ),  
  
  
  
      'title' => $episode->getAttribute( 'title' ),  
  
  
  
      'aired' => $episode->getAttribute( 'aired' ),  
  
  
  
      'summary' => $episode->nodeValue );  
  
  
  
     }  
  
  
  
   }  
  
  
  
 }  
  
  
  
 public function find( $q ) {  
  
  
  
   $found = array();  
  
  
  
   $re = "/".$q."/i";  
  
  
  
   foreach( $this->episodes as $episode ) {  
  
  
  
     if ( preg_match( $re, $episode['summary'] ) ||   
  
  
  
        preg_match( $re, $episode['title'] ) ) {  
  
  
  
     $found []= $episode;  
  
  
  
   }  
  
  
  
   }  
  
  
  
   return $found;  
  
  
  
 }  
  
  
  
}  
  
  
  
?> 
 
 
 

該類的構(gòu)造函數(shù)使用對(duì)于PHP來(lái)說(shuō)標(biāo)準(zhǔn)的XML DOM庫(kù)讀取劇集信息的XML文件。它迭代根節(jié)點(diǎn)的所有子節(jié)點(diǎn)并提取它們的季數(shù)、標(biāo)題、播放日期和劇集屬性，以及包含摘要的節(jié)點(diǎn)的文本。然后將所有數(shù)據(jù)作為一個(gè)哈希表附加到劇集數(shù)組，該數(shù)組是一個(gè)成員變量。

然后，find函數(shù)搜索劇集列表以便使用與標(biāo)題和摘要匹配的簡(jiǎn)單正則表達(dá)式來(lái)查找匹配項(xiàng)。任何匹配的劇集都被附加到一個(gè)數(shù)組，然后返回給調(diào)用方。如果數(shù)組為空，則沒(méi)有發(fā)現(xiàn)匹配項(xiàng)。

現(xiàn)在有了數(shù)據(jù)，下一步就是開(kāi)始構(gòu)建Ajax響應(yīng)程序，您的即時(shí)UI將調(diào)用該響應(yīng)程序來(lái)檢索數(shù)據(jù)。

#p#

創(chuàng)建Ajax響應(yīng)頁(yè)面

第一個(gè)版本的UI針對(duì)Ajax請(qǐng)求使用HTML響應(yīng)。此方法是實(shí)現(xiàn)即時(shí)UI的最簡(jiǎn)單的方式。即時(shí)UI web頁(yè)面采用搜索關(guān)鍵詞并使用該關(guān)鍵詞對(duì)服務(wù)器發(fā)出Ajax 請(qǐng)求。然后，服務(wù)器格式化組成該響應(yīng)的HTML塊并將其返回到頁(yè)面。在一個(gè)簡(jiǎn)單的調(diào)用中，即時(shí)UI web頁(yè)面中的代碼將使用更新的 HTML 替換該頁(yè)面的一部分。

在本文的后面，我會(huì)演示使用來(lái)自服務(wù)器的XML響應(yīng)和JSON響應(yīng)，但是現(xiàn)在，為了簡(jiǎn)單起見(jiàn)，我們從HTML版開(kāi)始。

您首先需要的是HTML響應(yīng)頁(yè)面。此頁(yè)面接受來(lái)自請(qǐng)求的查詢字符串。然后使用該字符串調(diào)用Simpsons類來(lái)搜索劇集。接著，將已返回的劇集數(shù)組格式化 HTML。此代碼位于清單 3中。

 
 
 

  
  
  
清單 3. HTML Ajax 響應(yīng)頁(yè)面  
  
  
  
  
  
  
include 'Simpsons.php';  
  
  
  
 
  
  
  
$s = new Simpsons();  
  
  
  
$episodes = $s->find( $_REQUEST['q'] );  
  
  
  
if ( count( $episodes ) == 0 ) {  
  
  
  
?> 
  
  
  
No results found  
  
  
  
  
  
  
} else {  
  
  
  
?> 
  
  
  
 
 
  
  
  
?> -   
  
  
  
 Season    
  
  
  
 Episode  -   
  
  
  
 Aired on  
  
  
  
?> 
 
 
  
  
  
  
  
  
}  
  
  
  
?> 
 
 
 

在頂部，清單 3包括Simpsons類。然后該代碼創(chuàng)建該類的一個(gè)新實(shí)例并進(jìn)行find調(diào)用。之后它會(huì)查看響應(yīng)是否為空，以及是否返回 “No Results Found”；否則，它遍歷這些結(jié)果并組成一個(gè)結(jié)果表。

為了測(cè)試該頁(yè)面，只需轉(zhuǎn)到您的Web瀏覽器并請(qǐng)求該網(wǎng)頁(yè)。您可以在圖 1中看到輸出。

此時(shí)，您擁有開(kāi)始構(gòu)建即時(shí)搜索UI所需要的所有東西。

#p#

構(gòu)建即時(shí)搜索UI

使用JavaScript jQuery庫(kù)可以輕松構(gòu)建即時(shí)搜索UI。查看清單 4，您就可以明白我的意思。

 
 
 

  
  
  
清單 4. 使用HTML響應(yīng)的即時(shí)頁(yè)面  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
Simpsons Search: