XMLHttpRequest API

构造方法

XMLHttpRequest():初始化XMLHttpRequest对象。

属性

onreadystatechange:当readyState属性发生变化,会调用此属性对应的处理函数。

readyState:返回xhr所处状态。

readyState状态机图

状态描述
0UNSENT代理被创建,但尚未调用open()方法
1OPENEDopen()方法已被调用
2HEADERS_RECEIVEDsend()方法已经被调用,已收到响应头
3LOADING正在接收响应体,如果responseTypetext或空,responseText拥有部分响应数据
4DONE已完成请求操作

response:返回响应的正文,数据类型由responseType决定。

reponseText:仅当responseType"""text"时可用,类似response属性,返回响应的正文。

responseXML:仅当responseType"""text""document"时可用,类似response,返回响应的Document类型的正文。

responseType:响应数据的类型,允许在调用send()前主动设置返回数据的类型。默认为"text"类型。

描述
""默认值,同"text"
"arraybuffer"包含二进制数据的ArrayBuffer对象
"blob"包含二进制数据的Blob对象
"document"HTML Document或XML XMLDocument对象
"json"通过JSON解析得到的JavaScript对象
"text"普通字符串

responseURL:返回响应的序列化URL,如果URL为空则返回空串。URL不包含锚点#后面的内容。如果有重定向,返回最终的URL。

status:返回响应状态码,请求完成前或请求发生错误,返回0

statusText:返回响应状态,与status不同的是,它包括响应状态的整个文本(例如,“200 OK”)。

timeout:设置超时时间,以毫秒为单位。默认0,不超时。

ontimeout:继承自XMLHttpRequestEventTarget,请求超时时调用。

upload:返回XMLHttpRequestUpload对象。可以绑定事件追踪上传进度。

事件信息类型
onloadstart获取开始
onprogress数据传输进行中
onabort获取操作终止
onerror获取失败
onload获取成功
ontimeout超时
onloadend获取完成(成功或失败)

withCredentials:用来设置跨域的请求是否应该使用证书(如cookie或头部授权)。

属性(继承自XMLHttpRequestEventTarget

onabort:请求被终止时调用,例如abort()被调用时。

onerror:请求发生错误时被调用。

onloadstart:请求开始加载数据时调用。

onprogress:请求加载数据中调用。

onload:请求成功完成时调用。

ontimeout:请求超时时调用。

onloadend:请求完成时调用。

方法

abort():终止请求,readyState属性将被置为0

getAllResponseHeaders():获取响应头,返回以\r\n分隔的字符串。

getResponseHeader():获取指定的响应头。

语法

getResponseHeader(name);

参数

  • name:请求头。

open():初始化一个请求。

语法

open(method, url);
open(method, url, async);
open(method, url, async, user);
open(method, url, async, user, password);

参数

  • method:要使用的HTTP方法。
  • url:目标URL地址。
  • async:是否异步执行HTTP请求,为falsesend()方法将被阻塞,默认true
  • user:用户名,默认null
  • password:密码,默认null

overrideMimeType():强制指定MIME类型。

语法

overrideMimeType(mimeType);

参数

  • mimeType:指定的MIME类型,如果服务器没有指定类型,默认"text/xml"

send()

语法

send();
send(data);

参数

  • data:请求体。

setRequestHeader():设置请求头。Accept默认为*/*

语法

setRequestHeader(header, value);

参数

  • header:属性的名称。
  • value:属性的值。

方法(继承自EventTarget

addEventListener(*)

removeEventListener(*)

despatchEvent(*)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值