<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function ajax() {
var xhr = new XMLHttpRequest();
// load 适用于本地文件加载
// readystatechange 事件 适用于请求接口 属于ajax四步全过程监听
xhr.addEventListener("readystatechange", readystateHandler);
xhr.open('post', 'http://localhost:4010')
xhr.send('123321')
}
function readystateHandler(e){
// console.log(this.readystate)
// console.log(e)
console.log(this)
/*
readyState
0 => unset 代理被创建 但是尚未调用
1 => opened open方法已被调用
2 => headers-received send方法已被调用 并且头部和状态已可获得
3 => loading 下载中 responseText 已经包含部分data
4 => done 下载操作完成
*/
console.log( this.readyState,this.status )
if( this.readyState == 4 && this.status == 200 ){
console.log('请求成功')
}
}
ajax();
</script>
</body>
</html>
ajax & readystate 四步 readystatechange事件来代替load事件
最新推荐文章于 2024-02-08 19:08:10 发布