簡單封裝了下基本的AJAX實現

來源:互聯網
上載者:User
function ajaxReq()
{
    var url=null;//伺服器端的處理頁面地址
    var reqResult=null; //伺服器端處理後的結果
    var rdstate=null; //狀態資訊

    this.doSendResuest=function(_url)
    {
    url=_url;
    var xmlHttp = false;
    /**//*@cc_on @*/
    /**//*@if (@_jscript_version >= 5)
    try {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e2) {
        xmlHttp = false;
      }
    }
    @end @*/
    if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
      xmlHttp = new XMLHttpRequest();
    }
     
    xmlHttp.open("post",url,true);
    xmlHttp.send(null);
   
    
     if (xmlHttp.readyState == 1)
        {
           
            rdstate="正在讀取資訊.\n";
            
        }
        
        xmlHttp.onreadystatechange = function() 
        { 
            if(xmlHttp.readyState == 4)
                 {
                 if(xmlHttp.status==200)
                    {
                        rdstate+="更新完成\n";
                        reqResult=xmlHttp.responseText;
                       
                     }
                 }
        } 
        
    }
    
    
    
    
    
    this.getState=function()    //擷取狀態資訊
    {
        return rdstate;
    }
    this.getResult=function()     //擷取返回結果TEXT
    {
        return reqResult;
    }
   

}


function ajaxProcess()
{
     
         
    var e=window.event.srcElement;
    var selindex=e.options[e.selectedIndex].value;
    
    var url= window.location.href +"?value="+selindex;
    
    var obj=new ajaxReq();
    obj.doSendResuest(url);
   var rdstate=obj.getState();
   alert(rdstate);
   var reqResult=obj.getResult();
   alert(reqResult);
    var rdstate=obj.getState();
   
   doresult(reqResult,rdstate);
    
   
}

這是最基本的封裝,有時間再改進下.

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.