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() 之前
  • 这些信息都是浏览器给我们默认设置的
目录
相关文章
|
8月前
|
JavaScript 前端开发
addEventListener()方法中的参数,以及作用
addEventListener()方法中的参数,以及作用
198 1
|
2月前
|
JavaScript 前端开发
除了点击事件,`addEventListener` 还能用于处理哪些事件类型?
【10月更文挑战第29天】 `addEventListener` 能够处理的事件类型非常丰富,涵盖了各种用户交互和页面状态变化的场景,通过合理地使用这些事件类型,可以为网页或应用程序添加丰富多样的交互效果和功能。
|
2月前
|
JavaScript 前端开发
除了 `addEventListener` 方法,还有哪些方式可以为元素添加事件监听器?
【10月更文挑战第29天】虽然存在多种为元素添加事件监听器的方式,但 `addEventListener` 方法因其具有更好的兼容性、灵活性和可维护性,成为了现代JavaScript开发中添加事件监听器的首选方式。在实际项目中,应尽量使用 `addEventListener` 来实现事件绑定,以提高代码的质量和可维护性,并确保在不同浏览器中的一致性表现。
|
JSON 数据格式
XHR的属性和方法及事件汇总
我们一起学猫叫,一起学学 XHR!
172 0
XHR的属性和方法及事件汇总
|
8月前
|
XML JSON 前端开发
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
88 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;
说下readyState属性是干嘛的,都有哪几个状态
说下readyState属性是干嘛的,都有哪几个状态
160 0
|
前端开发
介绍一下XMLHttpRequest对象,他有哪些常用方法和属性
介绍一下XMLHttpRequest对象,他有哪些常用方法和属性
166 0