JS GET POST请求

Posted 2020-12-21 Evengod

 1 function createXmlHttpRequest()
 2 {
 3     var xmlHttp;
 4     if(window.ActiveXobject){ // 判断是否是ie浏览器
 5         try { // try开始 
 6             xmlhttp = new ActiveXobject("Microsoft.XMLHTTP"); // 使用ActiveX对象创建ajax
 7         }catch(e){
 8             xmlHttp = false;
 9         } // try end
10     }else{   //Chrome、FireFox等非ie内核
11         try{
12         xmlHttp = new XMLHttpRequest(); //视为非ie情况下
13         }catch(e){
14             xmlHttp = false; // 其他非主流浏览器
15         }
16     } // 判断结束,如果创建成功则返回一个DOM对象,如果创建不成功则返回一个false
17             
18     if(xmlHttp)
19     {
20         return xmlHttp;
21     }else{
22         alert("xmlhttp对象创建失败,请检查浏览器是否支持XmlHttpRequest!");
23     }
24 }
25 
26 function getData(url)
27 {
28     var xmlhttp = createXmlHttpRequest();
29     if(xmlhttp == null)return;
30     xmlhttp.open("GET", url, true);
31     xmlhttp.send();
32     xmlhttp.onreadystatechange = function() {
33         if(xmlhttp.readyState == 4 && xmlhttp.status == 200) 
34         {
35             var data = xmlhttp.responseText;
36             console.log(data);
37         }
38     }
39 }
40 
41 function postData(url,data)
42 {
43     var xmlobj = new XMLHttpRequest();
44     xmlobj.open("POST", url, true);
45     xmlobj.setRequestHeader("cache-control","no-cache");
46     xmlobj.setRequestHeader("Content-Type", "text/html;charset=uft-8"); //指定发送的编码
47     xmlobj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;"); //设置请求头信息
48     xmlobj.send(data); //设置为发送给服务器数据
49     
50     xmlobj.onreadystatechange = function() {
51         if(xmlobj.readyState == 4 && xmlobj.status == 200)
52         {
53             var rsp = xmlobj.responseText;
54             console.log(rsp);
55         }
56     };
57 }