浅谈JS原生Ajax,GET和POST

2019-11-20 09:45:29

字体：大中小

来源：转载

供稿：网友

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,GET和POST 请求实例代码