首页 > 其他分享 >XHR属性以及方法和事件

XHR属性以及方法和事件

时间:2023-03-21 10:57:01浏览次数:35  
标签:请求 XHR 字段 abort 事件 设置 属性

XHR属性

1.responseType 和 response (IE10才开始支持)

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

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

 

 

 

2.timeout 属性

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

 

3.withCredentials属性

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

 

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格式。

XHR事件

1.load事件 (IE9开始支持)

  Ajax响应数据可用时触发(也就是readystate === 4,数据接收完成时)

 

 

 

2.error 事件 (IE10开始支持)

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

 

 

 

3.abort 事件 (IE10开始支持)

  设置终止请求属性时触发

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

 

 

 

4.timeout 事件 (IE8开始支持)

  设置超时属性时触发

 

标签:请求,XHR,字段,abort,事件,设置,属性
From: https://www.cnblogs.com/qihaokuan/p/17239162.html

相关文章

  • 计算属性
    计算属性计算属性,定义为“方法”,定义到computed节点之下在使用计算属性的时候,当普通的属性使用即可,不需要“()”好处:1.实现了代码的复用2.只要计算属性中依赖的数......
  • 数据分析之家用热水器用户行为分析与事件识别
    01-data_explore.py1#-*-coding:utf-8-*-23#代码10-145importpandasaspd6importmatplotlib.pyplotasplt78inputfile='./demo/data/......
  • CSS Content 属性的几种妙用和技巧
    Content属性是CSS中一个非常有用的属性,可以用于插入生成内容,如在::before和::after伪元素中添加文本或图标。Content属性的特点:Content属性仅可用于::before......
  • 表格属性
    表格属性 使用css可以使HTML表格更美观表格边框指定CSS表格边框,使用border属性table,td{  border:1pxsolidblack;}折叠边框border-collapse属性设置表格的......
  • 文本属性
    文本属性 text-align指定元素文本的水平对齐方式值描述left文本居左排列,默认值right把文本排列到右边center把文本排列到中间h1{text-align:cen......
  • 定位、opacity透明度属性、visibility和display隐藏元素
    定位、opacity透明度属性、visibility和display隐藏元素1.定位position(确定的是移动的基准)static,默认值。静态的。(不让动)relative,相对。相对于自身的位置来移动......
  • 单选多选触发label的两次点击事件,label默认向input分派(dispatch)一次点击事件
    <template><!--<divclass="hello">hi</div>--><div><labelfor="a"@click="(e)=>{fun4(e);}"......
  • 直播平台软件开发,React onDrop拖拽事件
    直播平台软件开发,ReactonDrop拖拽事件拖拽节点时传递数据,拖拽事件触发时目标节点为边框闪动样式 拖拽节点 <divid={'ChartListItem'+deepItem.selectId}  cl......
  • JSONP、XHR的属性
    JSONP1、JSONP的原理script标签跨域不会被浏览器阻止JSONP主要就是利用scrip标签,加载跨域文件2、使用JSONP实现跨域服务端准备好JSONP接口https://www.imooc.com/api/......
  • 关于写计算属性时的mapState
    1.普通的计算属性返回state中数据时,都要加this.$store.state.xxxcomputed:{categoryList(){returnthis.$store.state.home.categoryList;}}如果......