JS原生Ajax,GET和POST

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS原生Ajax,GET和POST相关的知识,希望对你有一定的参考价值。

javascript/js的ajax的GET请求:

技术分享
<script type="text/javascript"> 
/* 创建 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;//发送事件后,收到信息了调用函数 
  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; 
    // 处理返回结果 
  } 
} 
</script>
技术分享

 

javascript/js的ajax的POST请求:

技术分享
<script type="text/javascript"> 
/* 创建 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;//发送事件后,收到信息了调用函数 
} 
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 的基础,在创建 XMLHttpRequest 对象时,必须与你写的ajax方法在同一个‘<script></script>’标签中!否则ajax请求会出错,并无法返回数据。 javascript/js的ajax的POST/GET请求。

以上是关于JS原生Ajax,GET和POST的主要内容,如果未能解决你的问题,请参考以下文章

JS原生Ajax,GET和POST

原生js封装ajax代码

原生JS--Ajax

原生JS封装ajaxpostget请求方法

ajax基础3--使用原生xhr发起get,post请求

关于原生ajax请求及其封装