原生JS创建ajax请求

 1 function ajaxGet(url) {
 2     //三元表达式
 3     //所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。
 4     //IE5 和 IE6 使用 ActiveXObject
 5     var xmlHttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
 6     
 7     //每当 readyState 改变时，就会触发 onreadystatechange 事件。
 8     //readyState 属性存有 XMLHttpRequest 的状态信息。
       //readyState有0-4五个值：
       //0:请求未初始化

 9     xmlHttp.onreadystatechange = function() {
10         if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
11             console.log("请求发送成功！");
12         }
13         else {
14             console.group("请求发送失败！");
15             console.log("XMLHttpRequest 的状态:"+xmlHttp.readyState);
16             console.log("服务器响应状态:"+xmlHttp.status);
17             console.groupEnd();
18         }
19     }
20 
21     //发送set请求
22     xmlHttp.open("GET",url,true);
23     xmlHttp.send();
24 }

 1 function ajaxPost(url,data){
 2     var xmlHttp = window.XMLHttpRequest : new XMLHttpRequest() ? new ActiveXObject("Microsoft.XMLHTTP");
 3     xmlHttp.onreadystatechange = function() {
 4         if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
 5             console.log("POST请求发送成功");
 6         }
 7         else {
 8             console.group("请求发送失败！");
 9             console.log("XMLHttpRequest的状态："+xmlHttp.readyState);
10             console.log("服务器响应状态："+xmlHttp.status);
11             console.groupEnd();
12         }
13     }
14     xmlHttp.open("POST","文件在服务器上的位置或者请求的URL","同步请求/异步请求 false/true");
15     xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//使用setRequestHeader来添加HTTP头
16     xmlHttp.send(data);
17 }