Ajax中状态码的生产顺序以及含义
Ajax状态码:
在创建Ajax对象,配置Ajax对象,发送请求,以及接收完服务器响应数据,这个过程中的每一个步骤都会有一个数值,这个数值就是Ajax的状态码。
根据xhr.readystate获取
0: 请求已经未进行初始化(未调用open方法)
1: 请求已经建立,但是没有发送(未调用send方法)
2: 请求已经发送(已经调用send方法)
3: 请求在正处理,通常响应中已经有部分数据可以用了
4: 响应已经完成,可以获取并使用服务了
Onreadystatechange事件,xhr.readystate值发生变化后,自动触发
代码案例:
<!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></title>
</head>
<style>
</style>
<body>
<script >
//1.创建Ajax对象
var xhr=new XMLHttpRequest();
console.log(xhr.readyState);//---0: 已经创建了Ajax的对象,但是还没有进行对ajax进行配置
//2.配置Ajax对象
xhr.open('get','http://localhost:3000/readyState');
console.log(xhr.readyState);//1:已经对Ajax对象进行配置,但是还没有发送请求
//3.设置请求参数格式的类型(post中必须要进行设置的)
xhr.setRequestHeader('Content-Type','application/json');//json固定格式
//4.发送请求
xhr.onreadystatechange=function(){
console.log(xhr.readyState);
// 2: 请求已经发送
// 3: 已经收到服务端的部分数据
// 4: 服务器端的响应数据已经接收完毕
//对Ajax的状态码进行判断,如果状态码为4,代表数据已经接收完毕,可以进行获取使用
if(xhr.readyState==4){
//5.获取服务器端响应的数据
console.log(xhr.responseText);
}
}
xhr.send();
</script>
</body>
</html>
<!--
Ajax状态码:
在创建Ajax对象,配置Ajax对象,发送请求,以及接收完服务器响应数据,这个过程中的每一个步骤都会有一个数值,这个数值就是Ajax的状态码。
根据xhr.readystate获取
0: 请求已经未进行初始化(未调用open方法)
1: 请求已经建立,但是没有发送(未调用send方法)
2: 请求已经发送(已经调用send方法)
3: 请求在正处理,通常响应中已经有部分数据可以用了
4: 响应已经完成,可以获取并使用服务了
Onreadystatechange事件,xhr.readystate值发生变化后,自动触发
-->
本文来自博客园,作者:码农阿亮,转载请注明原文链接:https://www.cnblogs.com/wml-it/p/15809273.html
技术的发展日新月异,随着时间推移,无法保证本博客所有内容的正确性。如有误导,请大家见谅,欢迎评论区指正!
开源库地址,欢迎点亮:
GitHub:https://github.com/ITMingliang
Gitee: https://gitee.com/mingliang_it
GitLab: https://gitlab.com/ITMingliang
建群声明: 本着技术在于分享,方便大家交流学习的初心,特此建立【编程内功修炼交流群】,为大家答疑解惑。热烈欢迎各位爱交流学习的程序员进群,也希望进群的大佬能不吝分享自己遇到的技术问题和学习心得!进群方式:扫码关注公众号,后台回复【进群】。
![](https://images.cnblogs.com/cnblogs_com/wml-it/2196906/o_230823011905_wxgzhss.png)