ajax技術(shù)制作得在線歌詞搜索功能

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
title>無標(biāo)題文檔/title>
/head>
body>
style type="text/css">
!--
body {
background-color: #FFFFFF;
font-size: 85%;
font-family: Verdana;
margin-top : 10px;
margin-left : 10px;
}
a:link{color:#3737c8}
a:active {color: #f00;}
a:visited {color:#639;}
-->
/style>
script language="javascript">
    var http_request = false;
   function send_request(url) {//初始化、指定處理函數(shù)、發(fā)送請求的函數(shù)
       http_request = false;
      //開始初始化XMLHttpRequest對象
       if(window.XMLHttpRequest) { //Mozilla 瀏覽器
           http_request = new XMLHttpRequest();
           if (http_request.overrideMimeType) {//設(shè)置MiME類別
             http_request.overrideMimeType('text/xml');
         }
       }
      else if (window.ActiveXObject) { // IE瀏覽器
            try {
               http_request = new ActiveXObject("Msxml2.XMLHTTP");
           } catch (e) {
                try {
                  http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
       }
        if (!http_request) { // 異常，創(chuàng)建對象實(shí)例失敗
           window.alert("不能創(chuàng)建XMLHttpRequest對象實(shí)例.");
            return false;
        }
        http_request.onreadystatechange = processRequest;
        // 確定發(fā)送請求的方式和URL以及是否同步執(zhí)行下段代碼
       http_request.open("GET", url, true);
       http_request.send(null);
    }
   // 處理返回信息的函數(shù)
    function processRequest() {
        if (http_request.readyState == 4) { // 判斷對象狀態(tài)
           if (http_request.status == 200) { // 信息已經(jīng)成功返回，開始處理信息
               //alert(http_request.responseText);
               document.getElementById("result").innerHTML = http_request.responseText;
           } else { //頁面不正常
               alert("您所請求的頁面有異常。");
            }
       }
    }
   function dosearch() {
        var f = document.form1;
       var geci = f.geci.value;
       if(geci=="") {
           window.alert("請輸入你要查詢的歌詞");
           f.geci.focus();
           return false;
       }
        else {
           document.getElementById("result").innerHTML="正在查詢，請稍候";
            send_request('http://www.efish.cn/getgeci.aspx?m='+escape(geci));
        }
   }
    function submitForm() { 
       if(window.event.keyCode==13) { 
           dosearch();
       } 
   } 
/script>
p>/p>p>/p>
form id="form1" name="form1" method="post" action="">
center>span style="font-size:18px; color:#FF0000">十萬歌詞在線免費(fèi)查詢/span>/center>
p>/p>
 請輸入歌曲名：
  input name="geci" type="text" id="geci" value="東風(fēng)破" size="60" height="30" maxlength="50" onKeyDown="submitForm()"  />
  input type="button" name="search" value="查詢歌詞" onClick="dosearch()">br />
  span id="result">/span>
/form>
/body>
/html>