【协议】XMLHttpRequest的梳理和总结

发布时间:2024年01月17日
1. 前言

? ? ? ? 本篇梳理和总结一下XMLHttpRequest。

2. XMLHttpRequest原型对象的属性和方法
属性和方法说明示例
new XMLHttpRequest()

功能:创建XHR对象

输入:

输出:XHR实例化对象

<略>

XMLHttpRequest.prototype

.open(method, url, async?, user?, password?)

功能:初始化或重新初始化一个请求

输入:

method - HTTP方法,GET?| POST | PUT | DELETE

url - 一个DOMString,要向其发送请求的URL

async - 是否异步,默认true异步

<略>

XMLHttpRequest.prototype

.send(body)

功能:发送请求,如果请求是异步的,那么该方法在请求发送后立即返回

输入: Document |? Blob | BufferSource | FormData | URLSearchParams | USVString | null

输出:undefined

<略>

XMLHttpRequest.prototype

.abort()

功能:如果请求已被发出,则立刻中止请求

输入:无

<略>

XMLHttpRequest.prototype

.setRequestHeader(header, value)

功能:设置HTTP请求头的值,在open之后send之前调用

输入:header属性的名称,value属性的值

<略>

XMLHttpRequest.prototype

.getResponseHeader(header)

功能:返回包含指定响应头的字符串,如果响应尚未收到或响应中不存在,则返回null

输入:一个字符串,表示要返回的报文项名称

输出:报文项的值 | null

<略>

XMLHttpRequest.prototype

.getResponseAllHeaders()

功能:以字符串的形式返回所有用CRLF分隔的响应头,如果没有收到响应,则返回null。

输入:无

输出:每行用\r\n分割的字符串 | null

<略>

XMLHttpRequest.prototype

.overrideMimeType(mimeType)

功能:覆写由服务器返回的MIME类型,用指定mimeType代替服务器指定的MIME类型,服务器没有指定默认为text/xml

输入:DOMString

输出:undefined

<略>

XMLHttpRequest.prototype

.readyState

功能:获取请求的状态码(只读<略>

XMLHttpRequest.prototype

.responseType

功能:一个用于定义响应类型的枚举值(只读

输出:’‘ | ’arraybuffer‘ | 'blob' | 'document' | 'json' | 'text'?

<略>

XMLHttpRequest.prototype

.response

功能:返回一个ArrayBuffer、Blob、Document或DOMString,依赖于

XMLHttpRequest.prototype.responseType

只读

<略>

XMLHttpRequest.prototype

.responseText

功能:返回一个DOMString,其中包含该请求的响应,如果请求未成功或尚未发送,返回null(只读

输出:DOMString?| null

<略>

XMLHttpRequest.prototype

.responseXML

功能:返回一个Document,其中包含该请求的响应,如果请求未成功或尚未发送或不能被解析为XML或HTML,返回null(只读

输出:XML | HTML | null

<略>

XMLHttpRequest.prototype

.responseURL

功能:返回一个经过序列化的响应URL,如果该URL为空,则返回空字符串(只读

输出:URL | ''

<略>

XMLHttpRequest.prototype

.status

功能:返回一个无符号短整型数字,代表请求的响应状态(只读

输出:unsigned short iint

<略>

XMLHttpRequest.prototype

.statusText

功能:返回一个DOMString,其中包含HTTP服务器返回的响应状态,与

XMLHttpRequest.prototype.status不同的是,它包含完整的响应状态文本,如:“200 OK”(只读

输出:DOMString

<略>

XMLHttpRequest.prototype

.timeout

功能:一个无符号长整型数字,表示最大请求时间(毫秒),若超出该时间,请求会自动终止(可读写

<略>

XMLHttpRequest.prototype

.upload

功能:获取上传进度(只读<略>

XMLHttpRequest.prototype

.withCredentials

功能:一个布尔值,用来指定跨域请求是否携带授权信息,如果cookie或授权header头(可读写<略>
事件

XMLHttpRequest.prototype

.onreadystatechange

功能:XMLHttpRequest.prototype.readyState发生变化时,调用的事件处理程序

<略>

XMLHttpRequest.prototype

.onabort

功能:请求被停止时触发,例如调用

XMLHttpRequest.prototype.abort()

<略>

XMLHttpRequest.prototype

.onerror

功能:请求出错时触发<略>

XMLHttpRequest.prototype

.onload

功能:请求成功完成时触发<略>

XMLHttpRequest.prototype

.onloadstart

功能:接收到响应数据时触发<略>

XMLHttpRequest.prototype

.onloadend

功能:当请求结束时触发,不论请求成功还是失败。<略>

XMLHttpRequest.prototype

.onprogress

功能:当请求接收到更多数据时,周期性地触发<略>

XMLHttpRequest.prototype

.ontimeout

功能:在预设时间内没有收到响应时触发<略>

常量

XMLHttpRequest.prototype.UNSENT - 0

XMLHttpRequest.prototype.OPENED - 1

XMLHttpRequest.prototype.HEADERS_RECEIVE - 2

XMLHttpRequest.prototype.LOADING - 3

XMLHttpRequest.prototype.DONE - 4

注:以上,如有不合理之处,还请帮忙指出,大家一起交流学习~

文章来源:https://blog.csdn.net/weixin_45620943/article/details/135648201
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。