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>
结果:
原文:https://www.cnblogs.com/technicist/p/12741454.html