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)
          }
      }
  }