原生ajax的請求過程

創建全平臺兼容的XMLHttpRequest對象：

function getXHR(){  var xhr = null;  if(window.XMLHttpRequest) {// 兼容 IE7+, Firefox, Chrome, Opera, Safari
    xhr = new XMLHttpRequest();
  } else if (window.ActiveXObject) {    try {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");// 即MSXML3
    } catch (e) {      try {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");// // 兼容 IE6, IE5，很老的api,雖然瀏覽器支持,功能可能不完善,故不建議使用
      } catch (e) {
        alert("您的瀏覽器暫不支持Ajax!");
      }
    }
  }  return xhr;
}

Ajax請求數據的過程：

var xhr = getXHR();
xhr.open(‘GET‘, url/file,true);  //設置請求方式，url，以及是否異步xhr.onreadystatechange = function() {   //設置回調監聽函數
   if(xhr.readyState==4){        if(xhr.status==200){            var data=xhr.responseText;             console.log(data);
   }
};
xhr.onerror = function() {  console.log("Oh, error");
};
xhr.send();  //發送請求

原生ajax的請求過程