![[前端开发] MUI框架详解-全面讲解MUI框架使用](https://www.bloglab.cn/wp-content/uploads/thumb/2018/12/fill_w372_h231_g0_mark_80e5f34e03334950b3a4cb73bf4262dd.webp)
![[MySQL] MySQL面试指南](https://www.bloglab.cn/wp-content/uploads/2018/12/1532f1414c3e23.webp)
![[Web安全] 黑客是怎样炼成的视频教程](https://www.bloglab.cn/wp-content/uploads/thumb/2018/12/fill_w372_h231_g0_mark_113cb06a91a3f5.webp)
释放双眼，带上耳机，听听看~！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
//onreadystatechange事件/方法.
//a.创建一个XMLHttpRequest对象
let xhr = new XMLHttpRequest();
console.log(xhr.readyState);//0
//b.调用这个对象的open方法,设置请求方式和请求地址.
xhr.open('get','https://autumnfish.cn/api/joke');
console.log(xhr.readyState); //1
//c.设置请求成功后的回调函数.
//标准的w3c的方法/事件是啥?
//这个事件的执行时机是: xhr对象的状态值发生改变
xhr.onreadystatechange = function(){
//console.log('哈哈'); //执行了三次,说明xhr对象的状态值发生了三次改变.
//console.log(xhr.readyState);// 2 3 4
if(xhr.readyState == 4 && xhr.status == 200){
//下载操作已完成。
console.log(xhr.response);
}
}
console.log(xhr.readyState);//1
//xhr.onload是火狐浏览器弄出来的一个玩意儿,不是标准w3c里面的方法,谷歌浏览器支持了而已.
// xhr.onload = function(){
// console.log(xhr.response);
// }
//d.调用这个对象的send方法,开始发送.
xhr.send();
console.log(xhr.readyState); //1
</script>
</body>
</html>
内容投诉
