您现在的位置:首页 >> 前端 >> 内容

对于xhr中的一些理解

时间:2017/6/27 11:11:00 点击:

  核心提示:在收到响应后,响应的数据会自动填充XHR对象的属性,主要有以下4个属性responseText: 作为响应主体被返回的文本responseXML: 如果响应的内容类型是text/xml或applica...

在收到响应后,响应的数据会自动填充XHR对象的属性,主要有以下4个属性

responseText: 作为响应主体被返回的文本
responseXML: 如果响应的内容类型是'text/xml'或'application/xml',这个属性中将保存着响应数据的XML DOM文档
status: 响应的HTTP状态
statusText: HTTP状态的说明

  在接收到响应后,第一步是检查status属性,以确定响应已经成功返回。一般来说,可以将HTTP状态码为200作为成功的标志。此时,responseText属性的内容已经就绪,而且在内容类型正确的情况下,responseXML也可以访问了。此外,状态码为304表示请求的资源并没有被修改,可以直接使用浏览器中缓存的版本;当然,也意味着响应是有效的

 

如果需要接收的是异步响应,这就需要检测XHR对象的readyState属性,该属性表示请求/响应过程的当前活动阶段。这个属性可取的值如下:

0(UNSENT):未初始化。尚未调用open()方法
1(OPENED):启动。已经调用open()方法,但尚未调用send()方法
2(HEADERS_RECEIVED):发送。己经调用send()方法,且接收到头信息
3(LOADING):接收。已经接收到部分响应主体信息
4(DONE):完成。已经接收到全部响应数据,而且已经可以在客户端使用了

  只要readyState属性值由一个值变成另一个值,都会触发一次readystatechange事件。可以利用这个事件来检测每次状态变化后readyState的值


所以只有当readyState=4时,一个完整的服务器响应已经收到了,函数才可以处理该响应。具体代码如下:

if (http_request.readyState == 4) {
 // 收到完整的服务器响应
} else {
 // 没有收到完整的服务器响应
}

Tags:对于 于X XH HR 
作者:网络 来源:Drug_的博客