ajax/axios/fetch区别及webSocket通信原理

2024-01-02 18:16:02

ajax

  • 不符合现在前端MVVM的浪潮
  • 基于原?的XHR开发，XHR本?的架构不清晰
  • jQuery整个项?太?，单纯使?ajax却要引?整个jQuery

axios

  • 从 node.js 创建 http 请求
  • ?持 Promise API
  • 客户端?持防?CSRF
  • 提供了?些并发请求的接?

fetch

  • 更加底层，提供的API丰富（request, response）
  • 脱离了XHR，是ES规范?新的实现?式
  • fetch只对?络请求报错，对400，500都当做成功的请求，需要封装去处理
  • fetch默认不会带cookie，需要添加配置项
  • fetch没有办法原?监测请求的进度，?XHR可以

webSocket通信原理

  • 客户端会先发送?个HTTP请求，包含?个Upgrade请求头来告诉服务端要升级为 WebSocket协议
  • 服务器就会返回101状态码并切换为WebSocket协议建?全双?连接，后续信息将会通过这个协议进?传输

有?个头信息需要注意?下：

  • Sec-WebSocket-Key：客户端随机?成的?个base64编码
  • Sec-WebSocket-Accept：服务端经过算法处理后回传给客户端
  • Connection和Upgrade字段告诉服务器，客户端发起的是WebSocket协议请求

文章来源:https://blog.csdn.net/qq_32054169/article/details/135344280
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。