AJAX的原理

1 redyState

MDN版

通俗异易懂版

• 0：创建请求
• 1：发送准备完成，既open()被调用
• 2：发送出去，既send()被调用
• 3：下载第一个字节，既开始下载
• 4：下载完成

2 HTTP常用状态码

• 2xx 表示成功
• 3xx 表示需要进一步操作
• 4xx 表示浏览器方面出错
• 5xx 表示服务器方面出错

3 AJAX

概念

• 用JS发请求和收响应

实现代码

const request =new XMLHttpRequest()
request.open('GET','/a/b/c?name=lry',true)
request.onreadystatechange=function(){
    if(request.redyState===4 && request.status===200 ){
        console.log(request.response)
    }
}
request.send()