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() 之前
  • 这些信息都是浏览器给我们默认设置的
目录
相关文章
|
3月前
|
前端开发 JavaScript 开发者
什么是浏览器对象的 preventDefault 方法
什么是浏览器对象的 preventDefault 方法
31 1
|
9月前
|
JSON 数据格式
XHR的属性和方法及事件汇总
我们一起学猫叫,一起学学 XHR!
115 0
XHR的属性和方法及事件汇总
|
4月前
|
XML JSON 前端开发
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
39 0
|
10月前
|
JavaScript 前端开发
JavaScript的事件event对象(下)
什么是事件对象 当触发某个事件时,会产生一个事件对象,这个对象包含着所有与事件有关的信息 。包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息
46 0
|
10月前
|
Web App开发 人工智能 JavaScript
JavaScript的事件event对象(上)
事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流,chrome和火狐的事件流是捕获流
95 0
JavaScript的事件event对象(上)
|
10月前
|
人工智能 前端开发 JavaScript
JavaScript的事件event对象(中)
事件对象也存在一定的兼容性问题,在IE8及以前本版之中,通过设置属性注册事件处理程序时,调用的时候并未传递事件对象,需要通过全局对象window.event来获取。解决方法如下:
4156 0
|
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;
|
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 前端开发 数据安全/隐私保护
JavaScript之EventListener事件的传递顺序--冒泡和捕获传播
演示监听事件的传播顺序以及如何阻止这种传播。冒泡和捕获传播
1177 0