AJAX原理

var xmlhttp;//创建XMLHttpRequest对象
if(window.XMLHttpRequest){
   xmlhttp=new XMLHttpRequest();//ie8及以上,chrome
}else{
   xmlhttp=new ActiveXObject(‘Microsoft.XMLHTTP‘);//ie6、7
}
xmlhttp.open("GET",‘Data.json‘,true);//第一个参数为请求方式、第二个参数是请求地址，第三个参数是是否为异步请求
xmlhttp.send();//向服务器发送请求 9 xmlhttp.onreadystatechange=function(){//响应  10 if(xmlhttp.readyState==4&&xmlhttp.status==200){  11 　　let res=JSON.parse(xmlhttp.responseText)  12  　　console.log(res)  13  }  14 }

每当readyState属性改变时，都会触发onreadystatechange。

readyState