反饋

live search

鎖定

Live Search是微軟的智能搜索服務，已被必應Bing取代。^[1]

外文名: live search
類型: 微軟的智能搜索服務

相關: 已被必應Bing取代
包含: 包含多個選項卡

live search相關介紹

Live Search 包含多個選項卡，每個選項卡都提供了豐富的資源。請選擇相應類別獲取您需要的內容，類別包括新聞、內容訂閲源、圖片、視頻、購物、學術論文等。

Live Search 正式版主頁面

搜索結果顯示在一個滾動平滑的頁面中,以希望的方式顯示.將搜索結果保存到Live頁面。

微軟Live Search可以直接搜索企業名稱

搜索途徑多樣化

除在搜索框裏進行文字輸入外，Live Search可以在地圖上直接用鼠標右鍵進行操作。Live Search搜索可以通過點擊鼠標右鍵在地圖任意地點上添加標識，用户還可以在地圖上用鼠標確立公交查詢的起始點，不用在搜索框中鍵入文字便可查詢公交線路。而Google地圖和百度地圖只有在搜索框中輸入文字進行搜索這一種查詢方式。

live searchLive Search地圖

獨有功能：個性化設置

Live Search地圖可以創建屬於自己的“個人地圖”，並利用“地圖收藏”功能收藏自己的地圖。用户可以用鼠標右鍵在地圖上創建自己需要的標識並進行保存。

用户可以自行添加地圖標註，並且可以添加標題、備註、並且可以添加URL信息和照片URL。這個功能非常的便捷，對於需要經常查詢的地點不需要多次重複的搜索，可以快捷的通過地圖收藏來進行查看。

除此之外，微軟Live Search地圖搜索還提供了強大的地圖標誌功能，用户可以標註不同位置之間的路線圖，系統會自動計算距離。有趣的是，Live Search地圖搜索還提供不規則多邊形的標註，用户可以自行計算某一區域的面積，功能非常強大。並且用户使用Windows Live ID登錄後，就可以永久的保留自己所做的標註

微軟Live Search地圖服務（中文）

Live Search可以標識地點、距離、區域面積

如果想訪問之前收藏的地圖，可以通過點擊“地圖收藏”這個標籤來進行訪問。

Google地圖和百度地圖均不提供上述這些個性化的設置功能。據悉，微軟Live Search還將不斷推出更為強大的個性化功能，用户除了自己標註地圖信息外，還可以與好友分享地圖搜索的結果，極大的方便了溝通和分享。

live search公交換乘查詢功能強大

中國，大多數人以公共交通作為出行工具，而且中國的公交信息更新非常頻繁。Live Search地圖搜索把公交換乘搜索作為最重要的搜索內容來開發，是完全以中國用户的需求為出發點。與之相比，Google地圖搜索尚未發佈公交換乘，而百度地圖搜索雖然有公交換乘，但在頁面上卻沒有公交查詢的入口，使用不是很方便，而且數據非常少。

Live Search公交路線搜索結果非常豐富，並且換乘介紹非常詳細，甚至標示出了換乘間需要步行的方向還有距離。Live Search和Google地圖和百度地圖不同的是可以根據最少換乘和最短時間來搜索，並且增加了估計時間的提示，這樣的設計顯得很貼心。

live searchLive Search換乘路線圖示很明顯

公交換乘路線的圖示很明顯，並且在每個換乘地點會有相應的圖示，將鼠標移動到換乘提示的圖標處會有相應換乘説明。而百度地圖的換乘標誌不是很明顯並且沒有相關的説明：

live searchGoogle地圖的缺陷

live searchGoogle地圖換乘點圖示不是很明顯

但是相比之下Google地圖只提供了行車路線而沒有提供公交換乘的查詢功能，不太適合中國用户的使用習慣。

live searchGoogle地圖沒有公交路線換乘查詢功能

綜上所述，微軟推出的這款Live Search地圖產品具備了友好的用户界面和便捷的用户體驗，在城市覆蓋範圍，周邊信息搜索，本地搜索信息數量方面在同類產品中也具備優勢。稍顯不足的是個別瀏覽器中運行速度稍慢，相信Live Search的後續版本可以彌補這個問題。但是瑕不掩瑜，微軟Live Search可以説是一款非常成功的電子地圖產品。

live searchAJAX Live Search

live search作用

可為用户提供更友好、交互性更強的搜索體驗。

在下面的 AJAX 例子中，我們將演示一個實時的搜索。

實時的搜索與傳統搜索相比，具有很多優勢：

當鍵入數據時，就會顯示出匹配的結果

當繼續鍵入數據時，對結果進行過濾

如果結果太少，刪除字符就可以獲得更寬的範圍

live search例子

HTML 表單

這是 HTML 頁面。它包含一個簡單的 HTML 表單，針對此表單的 CSS 樣式，以及指向 JavaScript 的鏈接：

<html>
  <head>
    <script src="livesearch.js">
    </script><style type="text/css">
    #livesearch { margin:0px; width:194px; }#txt1 { margin:0px; } 
    </style>
  </head>
  <body>
    <form>
      <input type="text" id="txt1" size="30"onkeyup="showResult(this.value)">
      <div id="livesearch">
      </div>
    </form>
  </body>
</html>

例子解釋 - HTML 表單

正如你看到的，HTML 頁面包含一個簡單的 HTML 表單，其中的文本框名為 "txt1"。

表單是這樣工作的：

當用户在文本框中按鍵並鬆開按鍵時，會觸發一個事件

當事件觸發時，會執行名為 showResult 的函數

表單下面是名為 "livesearch" 的 <div> 元素。它用作 showResult 所返回數據的佔位符

JavaScript

JavaScript 代碼存儲在與 HTML 文檔連接的 "livesearch.js" 中：

var xmlHttpfunction showResult(str){if (str.length==0) { document.getElementById("livesearch"). innerHTML=""; document.getElementById("livesearch"). style.border="0px"; return }xmlHttp=GetXmlHttpObject()if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return }var url="livesearch.php"url=url+"?q="+strurl=url+"&sid="+Math.random()xmlHttp.onreadystatechange=stateChanged xmlHttp.open("GET",url,true)xmlHttp.send(null)} function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { document.getElementById("livesearch"). innerHTML=xmlHttp.responseText; document.getElementById("livesearch"). style.border="1px solid #A5ACB2"; } }function GetXmlHttpObject(){var xmlHttp=null;try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } }return xmlHttp;}

live search例子解釋

GetXmlHttpObject 與 PHP 和 AJAX 請求中的例子相同。

showResult 函數該函數每當一個字符輸入文本框就會執行一次。

如果文本域中沒有輸入 (str.length == 0)，該函數把返回字段設置為空，並刪除周圍的任何邊框。

不過，如果文本域中存在輸入，則函數執行：

定義發送到服務器的 url （文件名）

把帶有輸入框內容的參數 (q) 添加到 url

添加一個隨機數，以防止服務器使用緩存文件

調用 GetXmlHttpObject 函數來創建 XMLHTTP 對象，並在觸發一個變化時告知此函數執行名為 stateChanged 的一個函數

使用給定的 url 來打開 XMLHTTP 對象

向服務器發送 HTTP 請求

stateChanged 函數每當 XMLHTTP 對象的狀態發生變化時，該函數就會執行。

當狀態變為 4 (或 "complete") 時，就會使用響應文本來填充 txtHint 佔位符的內容，並在返回字段周圍設置一個邊框。

PHP 頁面

由 JavaScript 代碼調用的服務器頁面是名為 "livesearch.php" 的 PHP 文件。

"livesearch.php" 中的代碼檢查那個 XML 文檔 "links.xml"。該文檔上的一些頁面的標題和 URL。

這些代碼會搜索 XML 文件中匹配搜索字符串的標題，並以 HTML 返回結果：

<?php$xmlDoc = new DOMDocument();$xmlDoc->
  load("links.xml");$x=$xmlDoc->getElementsByTagName('link');//get the q parameter from URL$q=$_GET["q"];//lookup all links from the xml file if length of q>0if (strlen($q) > 0){$hint="";for($i=0; $i<($x->length); $i++) { $y=$x->item($i)->getElementsByTagName('title'); $z=$x->item($i)->getElementsByTagName('url'); if ($y->item(0)->nodeType==1) { //find a link matching the search text if (stristr($y->item(0)->childNodes->item(0)->nodeValue,$q)) { if ($hint=="") { $hint="<a href='" . $z->item(0)->childNodes->item(0)->nodeValue . "' target='_blank'>" . $y->item(0)->childNodes->item(0)->nodeValue . "</a>"; } else { $hint=$hint . "<br /><a href='" . $z->item(0)->childNodes->item(0)->nodeValue . "' target='_blank'>" . $y->item(0)->childNodes->item(0)->nodeValue . "</a>"; } } } }}// Set output to "no suggestion" if no hint were found// or to the correct valuesif ($hint == "") { $response="no suggestion"; }else { $response=$hint; } //output the responseecho $response;?>

live search注

如果從 JavaScript 送來了任何文本 (strlen($q)＞ 0)，會發生：

PHP 創建 "links.xml" 文件的一個 XML DOM 對象

遍歷所有 "title" 元素 (nodetypes = 1)，以便找到匹配 JavaScript 所傳數據的 name

找到包含正確 title 的 link，並設置為 "$response" 變量。如果找到多於一個匹配，所有的匹配都會添加到變量

如果沒有找到匹配，則把 $response 變量設置為 "no suggestion"

$result 是送往 "livesearch" 佔位符的輸出

^[1]

參考資料

1. AJAX Live Search ．w3c[引用日期2012-11-01]

詞條統計

瀏覽次數：次
編輯次數：20次歷史版本
最近更新：呐爱情漂（2023-12-13）

1 相關介紹
2 Live Search地圖: 2.1 公交換乘查詢功能強大; 2.2 Live Search換乘路線圖示很明顯
3 Google地圖的缺陷: 3.1 Google地圖換乘點圖示不是很明顯; 3.2 Google地圖沒有公交路線換乘查詢功能
4 AJAX Live Search: 4.1 作用; 4.2 例子; 4.3 例子解釋; 4.4 注