一、XHR
1、概念
XHR,全称XMLHttpRequest,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它允许网页的JavaScript代码与服务器进行异步通信,即在发送请求后,浏览器不会阻塞用户的后续操作,而是等待服务器响应后再处理数据。XHR是AJAX(Asynchronous JavaScript and XML)技术的核心,尽管名称中包含“XML”,但实际上它并不限于传输XML数据,也可以传输JSON、HTML、纯文本等多种格式的数据。
2、工作原理
- 创建XHR对象:首先,JavaScript代码需要创建一个XHR对象。在现代浏览器中,这通常通过
new XMLHttpRequest()来实现。 - 配置请求:接下来,使用XHR对象的
open()方法来配置请求,包括请求的类型(如GET、POST)、请求的URL以及是否异步处理请求等。 - 发送请求:配置完成后,通过调用XHR对象的
send()方法来发送请求。对于POST请求,可以在send()方法中传递请求的主体数据。 - 处理响应:在请求发送后,可以通过监听XHR对象的readystatechange事件或检查其readyState属性来确定请求的状态。当请求完成并成功接收响应时,可以读取responseText或responseXML属性来获取响应数据。
- 处理错误:如果在请求过程中发生错误,可以通过监听error事件或检查XHR对象的status属性来处理错误情况。

最低0.47元/天 解锁文章
2599





