Ajax详解readyState和status

xhr.readyState

代码测试

window.onload=function(){
                var xhr=null;
                if(window.XMLHttpRequest){
                    xhr=new XMLHttpRequest();
                }else{
                    xhr=new ActiveXObject('Microsoft.XMLHTTP');
                }
                console.log("状态a:"+xhr.readyState);
                xhr.open('get','new_file.php',true);
                console.log("状态b:"+xhr.readyState);
                xhr.send(null);

                console.log("状态c:"+xhr.readyState);
                xhr.onreadystatechange=function(){
                console.log("状态d:"+xhr.readyState);
                }
                console.log("状态e:"+xhr.readyState);

            }

测试结果

分析#

0：XMLHttpRequest对象创建完成
1：表示发送请求的动作准备好了，但是还没有开始发送
2：表示已经发送完成
3：服务器已经返回了数据
4：服务器返回的数据已经可以开始用了

xhr.status

xhr.onreadystatechange=function(){
                    //所以我们这里判断为4的时候数据才可以用
                    if(xhr.readyState==4){
                        if(xhr.status==200){
//                          xhr.status==200表示http请求成功
//                          status的值常见的有:
//                          404:无法找到页面
//                          503:服务器端有错误
                        }
                    }
                console.log("状态d:"+xhr.readyState);
                }