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);
...