XHR的属性和方法及事件汇总

简介: 我们一起学猫叫,一起学学 XHR!

XHR的属性和方法及事件汇总

  • xhr.open

  • xhr.send()

  • xhr.onreadystatechange = function() { } 监听状态变化

  • xhr.reaadyState

  • xhr.status

  • 获取响应头信息

    • xhr.getResponseHeader([key]) 获得响应头的xxx信息
      • xhr.getResponseHeaders('Date') 获取服务器时间是标准的日期格式对象(GMT格林尼治时间)
    • xhr.getAllResponseHeaders 获得到响应头的所有信息
  • 获取响应主体信息

    • xhr.response 不限定类型
    • xhr.responseType 获取响应回来的类型
    • xhr.responText 限定类型
      • 一般用 responseText,因为服务器返回的信息一般都是JSON格式的字符串
    • xhr.responseXML 限定类型
  • xhr.timeout 限制响应时间

  • xhr.abort() 终止响应

  • xhr.withCredentials = true

    • 默认是false,我们会设置为true,在跨域请求中是否携带证书(携带COOKIE),在跨域请求的时候会用到
  • xhr.setRequestHeader() 设置请求头信息

    • 注意:设置的请求头的值不可以是中文和其它符号,但是我们可以使用 encodeURI / encodeURIComponent 进行编码,xhr.setRequestHeader('BOX',encodeURIComponent('哈喽')),其设置应该在send() 之前
    • 这些信息都是浏览器给我们默认设置的
      image.png
目录
相关文章
|
6月前
|
JavaScript 前端开发
addEventListener()方法中的参数,以及作用
addEventListener()方法中的参数,以及作用
156 1
|
15天前
|
JavaScript 前端开发
除了点击事件,`addEventListener` 还能用于处理哪些事件类型?
【10月更文挑战第29天】 `addEventListener` 能够处理的事件类型非常丰富,涵盖了各种用户交互和页面状态变化的场景,通过合理地使用这些事件类型,可以为网页或应用程序添加丰富多样的交互效果和功能。
|
6月前
|
JSON 数据格式
XHR的属性和方法及事件汇总
XHR的属性和方法及事件汇总
67 0
|
6月前
|
XML JSON 前端开发
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
75 0
|
人工智能 前端开发 JavaScript
JavaScript的事件event对象(中)
事件对象也存在一定的兼容性问题,在IE8及以前本版之中,通过设置属性注册事件处理程序时,调用的时候并未传递事件对象,需要通过全局对象window.event来获取。解决方法如下:
4181 0
|
Web App开发 人工智能 JavaScript
JavaScript的事件event对象(上)
事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流,chrome和火狐的事件流是捕获流
122 0
JavaScript的事件event对象(上)
|
JavaScript 前端开发
JavaScript的事件event对象(下)
什么是事件对象 当触发某个事件时,会产生一个事件对象,这个对象包含着所有与事件有关的信息 。包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息
74 0
|
JavaScript 前端开发
详细解析DOM事件的event事件对象(一)
JavaScript 86 篇文章 7 订阅 订阅专栏 详细解析DOM事件的event事件对象(一) 近期我们一直在学习DOM,马上到了尾期了,今天来说一下DOM事件的event事件对象。这里我们先解析一下键盘和鼠标事件的event对象属性。 HTML代码: <form> <input type="text" id="text"> <!-- <input type="submit"> --> <button>登录</button> </form> 1 2 3 4 5 1.键盘事件
|
JavaScript 前端开发
详细解析DOM事件的event事件对象(二)
详细解析DOM事件的event事件对象(二) 上篇博客说到了DOM的键盘事件和鼠标事件的event对象,这次我们再来聊一聊event对象剩下的属性。 HTML代码: <div class="box">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> <div class="box">5</div> 1 2 3 4 5 CSS代码: *{ margin: 0;
|
安全 程序员 编译器
正确调用事件处理程序
正确调用事件处理程序
146 0