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>

结果:

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM