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
目录
相关文章
|
Kubernetes API Docker
k8s教程(pod篇)-容器获取pod信息(Downward API)
k8s教程(pod篇)-容器获取pod信息(Downward API)
2131 0
|
JSON JavaScript 前端开发
JavaScript 详解——Vue基础
【8月更文挑战第16天】
152 3
JavaScript 详解——Vue基础
|
监控 安全 Linux
在Linux中,SELinux的作用是什么?如何临时和永久地更改SELinux上下文?
在Linux中,SELinux的作用是什么?如何临时和永久地更改SELinux上下文?
|
JSON 网络协议 网络安全
详解新一代 HTTP 请求库:httpx
详解新一代 HTTP 请求库:httpx
1316 2
|
Java 测试技术 数据库
Java一分钟之-Mockito:模拟对象测试
【6月更文挑战第4天】Mockito是Java单元测试中的模拟框架,用于创建和配置模拟对象以隔离测试代码。核心概念包括:模拟对象、预期行为(定义方法调用响应)、验证(检查方法调用)和捕获参数。常见问题包括过度模拟、忽略未使用的模拟调用、不恰当配置和误用Mockito注解。解决方案包括正确选择模拟对象、验证所有交互、仔细配置模拟行为及在测试类中正确使用Mockito注解。提供的代码示例展示了如何使用Mockito模拟和验证方法调用,以实现独立且准确的测试。学习和避免这些易错点可提升测试效率和代码质量。
560 0
Java一分钟之-Mockito:模拟对象测试
|
网络协议 Linux
Linux内核源码剖析之TCP保活机制(KeepAlive)
总之,TCP保活机制通过定期发送保活探测报文,以检测空闲连接是否仍然活跃。这种机制在网络通信中有助于及时检测和关闭不再使用的连接,从而节省资源并提高连接的可靠性。
537 0
|
存储 设计模式 开发框架
现代 Web 开发基础
现代 Web 开发基础
221 0
|
Shell Android开发
【Android 性能优化】应用启动优化 ( 安卓应用启动分析 | Launcher 应用简介 | Launcher 应用源码简介 | Launcher 应用快捷方式图标点击方法分析 )
【Android 性能优化】应用启动优化 ( 安卓应用启动分析 | Launcher 应用简介 | Launcher 应用源码简介 | Launcher 应用快捷方式图标点击方法分析 )
402 0
【Android 性能优化】应用启动优化 ( 安卓应用启动分析 | Launcher 应用简介 | Launcher 应用源码简介 | Launcher 应用快捷方式图标点击方法分析 )