XMLHttpRequest 的由来

发布时间：2023-04-06 08:37:13 所属栏目：教程来源：

导读：首先倒推到 1999 年间，这一年，Microsoft 在 Internet Explorer 5.0 中首次使用了一个技术。通过这个技术，浏览器页面可以不用通过页面重载或者表单提交，就可以将信息发送到服务器，完成信息的交互。这个技术就是

首先倒推到 1999 年间，这一年，Microsoft 在 Internet Explorer 5.0 中首次使用了一个技术。通过这个技术，浏览器页面可以不用通过页面重载或者表单提交，就可以将信息发送到服务器，完成信息的交互。这个技术就是 ActiveX 对象，即 XMLHTTP。

什么是 XMLHttpRequest
XMLHttpRequest 实质上就是一种具有发送异步请求功能的技术，是一个可以在 javaScript 、JScript 、VBScript 等脚本语言中使用的 API 对象。它可以通过异步发送 HTTP 请求，完成前后端的交互。在我们的客户端界面上，无刷新交互只是一种表现，而异步发送请求才是这个技术的根本。

XMLHttpRequest 的属性和方法
接下来我们会对 XMLHttpRequest 的属性和方法做一个简单的展开学习，主要是认识一下 XMLHttpRequest 到底提供了一些什么功能属性。为之后的学习做一个基本的概念性了解。

XMLHttpRequest 的属性

onreadystatechange   当 readyState 发生变化时候触发
readyState   请求状态码。
response   返回一个 Blob 、ArrayBuffer 、Document 或 DOMString。类型受 responseType 影响。
responseText   返回一个 DOMString。请求不成功或者未发送情况下返回 null。
responseType   响应类型。
responseURL   返回序列化 URL，URL 为空则返回空字符串。
responseXML   返回一个 Document。请求未发送、不成功或者解析失败，返回 null。
status   请求的响应状态。
statusText   返回一个 DomString，包含 http 响应状态。
timeout   超时。定义一个最大的请求响应时间。
ontimeout   超时调用事件。
upload   上传过程。
withCredentials   指定跨域请求是否带有授权信息。

属性名   备注
channel   一个 nsIChannel，当执行请求时，对象使用的通道。
mozAnon   布尔值。为 true 情况下，请求在将在没有身份验证 header 头和 cookie 的情况下发送。
mozSystem   布尔值。为 true 情况下，请求将不强制执行同源策略。
mozBackgroundRequest   布尔值。指示是否是服务器的请求。

标准方法
方法名   备注
abort   中止请求
getAllResponseHeaders   返回所有用 CRLF 分隔的响应头的字符串的形式。没有收到响应则返回 null。
getResponseHeader   返回指定响应头的字符串。未收到响应，或者响应不存在该报头，返回 null。
open   初始化一个请求。
overrideMimeType   重写 MIME 类型。
send   发送请求。
setRequestHeader   设置 HTTP 请求头。

XMLHttpRequest 的事件
事件名   备注
abort   停止请求的时候触发。
error   当请求发生错误的时候触发。
load   请求成功完成的时候触发。
loadend   请求结束的时候触发。
loadstart   收到响应数据的时候触发。
progress   接收数据开始周期时候触发。
timeout   超时未接收到数据的时候触发。

即便 XMLHttpRequest 在绝大多数浏览器都得到支持，但仍有部分对象属性和方法不被少数浏览器所兼容。我们可以通过 Can I use 进行查阅。下面给出一个截至当前为止 XMLHttpRequest 在各浏览器上的兼容性表格进行参照。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!