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 | 请求已完成,且响应已就绪 |