XMLHttpRequest (XHR)
用来和server交互,不用刷新网页
不要被它的名称中的XML
迷惑,它可以用来接收各种类型的数据,不仅仅是XML
构造
XMLHttpRequest()
属性
继承XMLHttpRequestEventTarget
和EventTarget
属性 | 描述 |
---|---|
onreadystatechange | |
readyState | 返回unsigned short |
response | |
responseText | |
responseType | |
responseURL | |
responseXML | |
status | |
statusText | |
timeout | |
ontimeout | |
upload | |
withCredentials |
readyState
Value | State | Description |
---|---|---|
0 | UNSENT | Client has been created. open() not called yet. |
1 | OPENED | open() has been called. |
2 | HEADERS_RECEIVED | send() has been called, and headers and status are available. |
3 | LOADING | Downloading; responseText holds partial data. |
4 | DONE | The operation is complete, 数据获取完毕 |
方法
方法 | 描述 |
---|---|
open() | 初始化一个请求,首先调用 |
getAllResponseHeaders() | |
getResponseHeader() | |
overrideMimeType() | 重写server返回的数据类型 |
setRequestHeader() | 设置 |
send() | 发送请求,最后调用 |
abort() | 取消request,send后调用 |
事件
事件 | 描述 |
---|---|
abort | |
error | |
load | |
loadend | |
loadstart | |
progress | |
timeout |
参考:
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
https://segmentfault.com/a/1190000004322487?utm_source=tag-newest