AJAX原理 

 1 var xmlhttp;//创建XMLHttpRequest对象
 2 if(window.XMLHttpRequest){
 3    xmlhttp=new XMLHttpRequest();//ie8及以上,chrome
 4 }else{
 5    xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');//ie6、7
 6 }
 7 xmlhttp.open("GET",'Data.json',true);//第一个参数为请求方式、第二个参数是请求地址，第三个参数是是否为异步请求
 8 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

0 请求未初始化
1 服务器连接已创建
2 请求已接收
3 请求处理中
4 请求已完成，且响应已就绪
posted @ 2020-06-28 21:12  软妹酸  阅读(114)  评论(0)  编辑  收藏  举报