2-使用原生js发送ajax请求

来源:互联网 发布:魔兽盒子mac版 编辑:程序博客网 时间:2024/05/21 10:07

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://127.0.0.1:8080/mytest/test/noReturn.do?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://127.0.0.1:8080/mytest/test/noReturn.do?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>



原创粉丝点击