AJAX-发送HTTP请求
let xhr
if (window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else {
xhr = new ActiveXObject('Microsoft.XMLHTTP') // IE5,IE6生效
}
console.log(xhr.readyState ) // 0
xhr.open('GET', 'URL',true) //方法 url 是否异步
// onreadystatchange 事件,挂载到XMLHttpRequest对象上的事件
// readyState状态,请求与响应的状态码 发送http请求的各阶段状态码(0-4)
//0: 请求初始化,1:服务器连接已建立,2:请求已接收,3:请求处理中4:请求已完成,且响应已就绪
//status服务器的状态码(200,404等)表示获取资源是否成功
xhr.send()
console.log(xhr.readyState ) // 1
xhr.onreadystatchange = function () {
console.log(xhr.readyState ) //2 3 4
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText)
}
}
console.log(xhr)