Ajax---获取服务器端响应数据的另一种方式(状态码)

Ajax状态码
在创建ajax对象，配置ajax对象，发送请求，以及接收完服务器端响应数据，这个过程中的每个步骤都会对应一个数值，这个数值就是ajax状态码。
0：请求未初始化（还没有调用open()）
1：请求已经建立，但是还没有发送（还没有调用send()）
2：请求已经发送
3：请求正在处理中，通常响应中已经有部分数据可以用了
4：响应已经完成，可以获取并使用服务器的响应了

xhr.readyState //获取Ajax状态码

获取服务器端的响应
onreadystatechange 事件
当Ajax状态码发生变化时将启动触发该事件。

.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>06获取服务器端响应数据的另一种方式.html</title>
 6 </head>
 7 <body>
 8     <script type="text/javascript">
 9         var xhr=new XMLHttpRequest();
10         //0：请求未初始化
11         console.log(xhr.readyState);
12         xhr.open('get','http://localhost:3000/readystate');
13         //请求已经建立，但是还没有发送
14         console.log(xhr.readyState);
15 
16         xhr.onreadystatechange=function(){
17             //2：请求已经发送
18             //3：请求正在处理中，通常响应中已经有部分数据可以用了
19             //4：响应已经完成，可以获取并使用服务器的响应了
20             console.log(xhr.readyState);
21             //对ajax状态码进行判断，如果状态码的值为4就代表数据已经接收完成了。
22             if(xhr.readyState==4){
23                 console.log(xhr.responseText);
24             }
25         }
26         xhr.send();
27     </script>
28 </body>
29 </html>

结果：

 

 

posted @ 2020-04-20 23:22  codeing123  阅读(1311)  评论(0)  编辑  收藏  举报