XHR的常用属性 和 方法

XHR的常用属性 和 方法
1、open( ) -方法
作用：创建请求
语法：open(“method”,”url”,isAsyn)
1. method 请求方式：POST或GET
2. url 请求地址
3. isAsyn 使用 同步(false) 还是 异步(true) 的方式发送请求
2、readyState - 属性
作用：
0：请求发送还未发送
1：已经打开到WEB服务器的连接
2：xhr对象已经接受响应消息的头部
3：xhr对象已经接受响应消息的主体
4：xhr已经接受完成响应消息
注意：当readyState为4的时候，表示所有的响应消息都接受完毕
3、status -属性
作用：表示服务器相应状态码
值： 1、200 正常接受请求以及给出响应
2、404 要请求的资源不存在
3、500 服务器内部错误
注意：当status值是200的时候
4、onreadystatechange - 事件
当xhr的readyState发生改变时，要自动激发的操作。用于监听readyState状态改变的
xhr.onreadystatechange=function(){
//每当readyState状态码发生改变的时候要执行的操作
if(xhr.readyState==4 && xhr.status==200){
//当xhr已经完全接收响应了，并且服务器也正常给出响应的时候要做的事
var txt=xhr.responseText;//服务器端响应回来的数据
}
}
5、send( ) -方法
作用：发送请求
语法：xhr.send(body);
body：发送的请求数据。如果是get提交方式，此处为null；如果是post提交方式，此处就是提交的数据

    （5）发送异步请求的步骤
                        1、获取Ajax对象：xhr
                        2、创建请求：xhr.open( );
                        3、设置onreadystatechange
                                        判断readyState以及status并接受响应
                        4、发送请求：xhr.send( )
    （6）使用get方式，发送请求数据
                            在请求地址后，拼接请求参数
                            ...
                            xhr.open("get","response.php?uname=zhang",true);
                            ...