首页 > Web开发 > 详细

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

时间:2020-04-20 23:29:59      阅读:86      评论:0      收藏:0      [点我收藏+]

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>

结果:

技术分享图片

 

 

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

原文:https://www.cnblogs.com/technicist/p/12741454.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!