這篇文章主要介紹“怎么用ajax技術(shù)制作在線歌詞搜索功能”，在日常操作中，相信很多人在怎么用ajax技術(shù)制作在線歌詞搜索功能問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么用ajax技術(shù)制作在線歌詞搜索功能”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

員工經(jīng)過長期磨合與沉淀，具備了協(xié)作精神，得以通過團隊的力量開發(fā)出優(yōu)質(zhì)的產(chǎn)品。創(chuàng)新互聯(lián)堅持“專注、創(chuàng)新、易用”的產(chǎn)品理念，因為“專注所以專業(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡單”。公司專注于為企業(yè)提供網(wǎng)站制作、做網(wǎng)站、微信公眾號開發(fā)、電商網(wǎng)站開發(fā)，微信平臺小程序開發(fā)，軟件按需制作等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。

代碼如下:

    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)建對象實例失敗
           window.alert("不能創(chuàng)建XMLHttpRequest對象實例.");
            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();
       } 
   }