XHR的属性、方法和事件

1. XHR的属性

属性一般放在open()之后，send()之前。

⑴ responseType 和 response （IE10才开始支持）

当responseType没有设置或者’’或 ’text’时使用ResponseText/response都可以获取文本形式的响应内容；

当responseType=’json’时，只能用response获取内容，而且是解析后的内容。

⑵ timeout 属性

设置请求的超时时间（单位是毫秒），超过这个时间就不报错。（IE8开始支持）

⑶withCredentials属性

指定使用Ajax发送请求时是否携带cookie，默认情况下，同域时会携带，跨域时不会。xhr.withCredentials = true;可以实现跨域携带。最终能否成功跨域携带cookie，还要看服务器同不同意。

2. XHR的方法

（1）abort() 终止当前请求，一般配合abort事件一起使用，放在send()后面；

（2）SetRequestHeader():设置头部信息，放在open()之后，send()之前。

xhr.setRequsetHeader(头部字段的名称，头部字段的值)。

get方法不用设置，post方法需要设置。

xhr.setRequsetHeader(头部字段的名称Content-Type，头部字段的值)。

请求头中的Content-Type 字段用来告诉服务器，浏览器发送的数据是什么格式。

头部字段的值有两个：application/x-www-form-urlencoded格式或者application/json格式。setRequestHeader()方法中，Content-Type设置为application/x-www-form-urlencoded，表示要发送名值对格式的数据，send()方法中，写成username=alex&age=18格式。

3. XHR的事件

1）、load事件 (IE9开始支持)

Ajax响应数据可用时触发（也就是readystate === 4，数据接收完成时）

2）、error 事件 (IE10开始支持)

请求发生错误时触发，放在open()前面。

3）、abort 事件 (IE10开始支持)

设置终止请求属性时触发

终止请求的方法有：axios.cancelToken；abort；延时定时器等

4）、timeout 事件 (IE8开始支持)

设置超时属性时触发

XHR的属性、方法和事件相关推荐

ASP.NET基础教程-DataTable类对象-属性方法和事件
DataTable类对象可以表示表格,也可以在DataSet中存储多个DataTable对象. 该对象的属性方法和事件列表如下: 转载于:https://blog.51cto.com/chenxing ...
VB中面向对象及其属性方法与事件
VB中面向对象及其属性方法与事件对象 VB是典型的面向过程的语言.面向对象(oop–object oriented programming)的程序设计是以对象为基础,以事件驱动对象对事件进行处理的程 ...
html5的vidoe标签,HTML5的Video标签的属性,方法和事件
大多数的视频通过插件(例如flash)来播放,然而并非所有的浏览器都支持此类插件.HTML5规定了一种通过video来包含视频的标准方法.但是IE8及以下版本不支持video. HTML5的video ...
HTML5的Video标签的属性,方法和事件汇总
<video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...
jQuery→事件、jQuery事件对象属性方法、多事件、自定义事件
click() mousedown()mouseup() mousemove() mouseout() hover() focusin() blur()focus() change() select( ...
c# BackgroundWorker组件介绍（属性、方法、事件）
c# BackgroundWorker组件介绍(属性.方法.事件) 2008-07-03 16:28 在VS2005中添加了BackgroundWorker组件,该组件在多线程编程方面使用起来非常方便 ...
JavaScript window.document的属性、方法和事件小结
javascript中window.document的属性.方法和事件的总结,有需要的朋友可参考一下本文章. 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的 ...
jq 给节点node加事件_JavaScript 原生对象、属性、方法、事件、事件参数
/*** 事件参考 https://developer.mozilla.org/zh-CN/docs/Web/Events* Event <- UIEvent <- MouseEvent* ...
javascript原生事件句柄、BOM、DOM对象属性方法总结
javascript原生事件句柄.BOM.DOM对象属性方法总结 JS事件句柄事件句柄类型说明 onabort 事件句柄图像加载被中断 onblur 事件句柄元素失去焦点 onfocus 事 ...

XHR的属性、方法和事件

XHR的属性、方法和事件相关推荐

最新文章

热门文章