實習過程中需要用到非同步提交功能，於是試著去了解了一下ajax，瞬間感覺以前學習的真是九牛一毛啊，確實如此，做web應用開發，如果不會jquery和ajax，那真的就是白學了，了解之後我才感覺網上的那些花哨的功能已經都可以實現了。
話不多說，下面有ajax實現乙個簡單的百度搜尋欄的功能，當使用者在上面的輸入框中鍵入字元時，會執行函式 "showhint()" 。該函式由 "onkeyup" 事件觸發：
}源**解釋：
如果輸入框為空 (str.length==0)，則該函式清空 txthint 佔位符的內容，並退出函式。
如果輸入框不為空，showhint() 函式執行以下任務：
建立 xmlhttprequest 物件
當伺服器響應就緒時執行函式
把請求傳送到伺服器上的檔案
請注意我們向 url 新增了乙個引數 q （帶有輸入框的內容）
請求的檔案是用php來寫的，當然用什麼都可以，和一般的頁面沒有本質的區別：
<?php // 用名字來填充陣列
$a="anna";
$a[程式設計客棧]="brittany";
$a="cinderella";
$a="diana";
$a="eva";
$a="fiona";
$a="gunda";
$a="hege";
$a="inga";
$a="johanna";
$a="kitty";
$a="linda";
$a="nina";
$a="ophelia";
$a="petunia";
$a="amanda";
$a="raquel";
$a="cindy";
$a="doris";
$a="eve";
$a="evita";
$a="sunniva";
$a="tove";
$a="unni";
$a="violet";
$a="liza";
$a="elizabeth";
$a="ellen";
$a="wenche";
$a="vicky";
//獲得來自 url 的 q 引數
$q=$_get["q"];
//如果 q 大於 0，則查詢陣列中的所有提示
if (strlen($q) > 0)
else}}
}// 如果未找到提示，則把輸出設定為 "no suggestion"
// 否則設定為正確的值
if ($hint程式設計客棧 == "")
else
//輸出響應
echo $response;
?>
聽說去百度面試的時候就是這樣類似的題目，其實了解之後也不過如此嘛。
本文標題: ajax實現類似百度搜尋欄的功能 (面試多見)
本文位址:
類似百度搜尋框關聯查詢
於關聯查詢，找了很多方法，可都不盡人意，最後參考了好心提供的 加上自己的實際需求，於此記錄。首先，html js var autonode1 auto obj 一開始載入方法 var highlightindex 1 高亮顯示的變數值 0 n 初始 1即無任何 子div被選中 var timeout...
模仿百度搜尋
中國春節網 歡迎光臨中國春節網，您現在的位置是中國春節網首頁！年獸 的傳說 熬 年的傳說 萬年建立歷年說 中國 倒貼福字 除夕夜歡迎光臨中國春節網，您現在的位置是中國春節網首頁！年獸 的傳說 熬年的傳說 萬年建立歷年說 中國 倒貼福字 除夕夜.中國春節網 歡迎光臨中國春節網，您現在的位置是中國春節網...
百度搜尋技巧
例子 電影 qvod 查詢詞 電影 在搜尋結果中，qvod 被必需被包含在搜尋結果中。6 site搜尋範圍限定在特定站點中 您如果知道某個站點中有自己需要找的東西，就可以把搜尋範圍限定在這個站點中，提高查詢效率。site 後面跟的站點網域名稱，不要帶 http site 和站點名之間，不要帶空格。7...