Ajax實現原理

AJAX Asynchronous JavaScript and XML

一個重要的對象XMLHttpRequest
XMLHttpRequest對象的屬性和方法

屬性

readyState:
0:爲初始化 已經建立好了XMLHttpRequest對象xml 可是尚未初始化
1：已經初始化好了XMLHttpRequest對象xml 準備好要發送了
2：send被調用 請求已經發送 可是尚未收到服務器的響應
3：瀏覽器正在接受服務器發送過來的請求 可是尚未接受完
4：瀏覽器已經 接受請求完畢
responseText:
服務器返回的響應文本
responseXml：
服務器返回的響應xml
status
服務器的http狀態碼
statusText
服務器的http狀態緣由文本

方法：

open("方法",url,是否異步)
send(參數) 參數爲向服務器傳遞的數據 若是是get的話 參數爲null
onreadystatechange=function(){} 當xml的readyState發生改變的時候就會調用，因此在這個過程當中onreadystatechange總共會被調用5次
使用實例

var xml=new XMLHttpRequest();
    xml.open('GET','a.json',true);  //第三個參數表示是否異步
    xml.send(null);//參數爲要給服務器傳遞的參數  若只是單純的向服務器取數據  則傳遞null
  xml.onreadystatechange=function () {
      if(xml.readyState==4){
          console.log(11)
          if(xml.status==200){
              console.log(xml.responseText)
          }
      }
  }