淺談JS原生Ajax,GET和POST

    下面小編就為大家?guī)硪黄獪\談JS原生Ajax,GET和POST。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。
    javascript/js的ajax的GET請求：
    <script type="text/javascript"> 
    /* 創(chuàng)建 XMLHttpRequest 對象 */
    var xmlHttp; 
    function GetXmlHttpObject(){ 
    if (window.XMLHttpRequest){ 
    　// code for IE7+, Firefox, Chrome, Opera, Safari 
    　xmlhttp=new XMLHttpRequest(); 
    }else{// code for IE6, IE5 
    　xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    return xmlhttp; 
    } 
    // -----------ajax方法-----------// 
    function getLabelsGet(){ 
    xmlHttp=GetXmlHttpObject(); 
    if (xmlHttp==null){ 
    　alert('您的瀏覽器不支持AJAX！'); 
    　return; 
    } 
    var id = document.getElementById('id').value; 
    var url="http://www.Leefrom.com?id="+id+"&t/"+Math.random(); 
    xmlHttp.open("GET",url,true); 
    xmlHttp.onreadystatechange=favorOK;//發(fā)送事件后，收到信息了調(diào)用函數(shù) 
    xmlHttp.send(); 
    }
    function getOkGet(){ 
    if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ 
    　// 本地提示：加載中 
    } 
    if (xmlHttp.readyState==4 && xmlHttp.status==200){ 
    　var d= xmlHttp.responseText; 
    　// 處理返回結(jié)果 
    } 
    } 
    </script>
    javascript/js的ajax的POST請求：
    <script type="text/javascript"> 
    /* 創(chuàng)建 XMLHttpRequest 對象 */
    var xmlHttp; 
    function GetXmlHttpObject(){ 
      if (window.XMLHttpRequest){ 
       // code for IE7+, Firefox, Chrome, Opera, Safari 
       xmlhttp=new XMLHttpRequest(); 
      }else{// code for IE6, IE5 
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
      } 
      return xmlhttp; 
    } 
    // -----------ajax方法-----------// 
    function getLabelsPost(){ 
      xmlHttp=GetXmlHttpObject(); 
      if (xmlHttp==null){ 
        alert('您的瀏覽器不支持AJAX！'); 
        return; 
      } 
      var url="http://www.lifefrom.com/t/"+Math.random(); 
      xmlhttp.open("POST",url,true); 
      xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
      xmlhttp.send(); 
      xmlHttp.onreadystatechange=getLabelsOK;//發(fā)送事件后，收到信息了調(diào)用函數(shù) 
    } 
    function getOkPost(){ 
      if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ 
        // 本地提示：加載中/處理中 
      } 
      if (xmlHttp.readyState==4 && xmlHttp.status==200){ 
        var d=xmlHttp.responseText; // 返回值 
        // 處理返回值 
      } 
    } 
    </script>
    注意：XMLHttpRequest 是 AJAX 的基礎(chǔ)，在創(chuàng)建 XMLHttpRequest 對象時，必須與你寫的ajax方法在同一個‘<script></script>'標(biāo)簽中！否則ajax請求會出錯，并無法返回數(shù)據(jù)。 javascript/js的ajax的POST/GET請求。
    以上這篇淺談JS原生Ajax,GET和POST就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考