发送AJAX请求共五步:
1、创建XMLHttpRequest独享。
2、使用open 方法设置请求的参数。
3、发送请求。
4、注册事件,注册onreadystatechange事件,状态改变时调用。
5、获取返回的数据,更新UI。
const ajax = (method, url, data, success, fail)=> {
const request = new XMLHttpRequest()
request.open(method, url)
request.onreadystatechange = function() {
if(request.readyState === 4){
if(request.status && request.status >= 200 && request.status < 300){
success(request)
}else {
fail(request)
}
}
}
request.send()
}
4.3 onreadystatechange
注册 onreadystatechange 事件后,每当 readyState 属性改变时,就会调用 onreadystatechange 函数。
readyState:(存有 XMLHttpRequest 的状态。从 0 到 4 发生变化)
0: 请求未初始化1: 服务器连接已建立2: 请求已接收3: 请求处理中4: 请求已完成,且响应已就绪