【六袆 - WebSocket】WebSocket的认识;一次AJAX请求模型;一次长轮询请求模型;一次WebSocket请求模型;

WebSocket

from : https://websocket.org/guides/road-to-websockets/#ajax


传统 vs Ajax请求模型

  • 概述:AJAX(异步 JavaScript 和 XML 的缩写)是一种在后台与服务器进行异步数据交换并更新网页部分内容的方法,无需刷新整个页面(回传)。
  • 核心技术: XMLHttpRequest 的重要性,它是一个内置的浏览器对象,允许你用 JavaScript 发出 HTTP 请求

长轮询模型

  • 轮询缺陷:浪费带宽,实时性差,服务器压力大

WebSocket模型

  • 概述:WebSocket 是一种通过持久的单套接字连接在客户端和服务器之间实现双向、全双工通信的技术。
  • 目的:是为网络应用程序开发人员提供一个尽可能接近原始的 TCP 通信层,同时添加一些抽象概念,以消除网络运行方式中可能存在的某些摩擦
  • 两大核心组成
    • WebSocket protocol
      • 实现客户端和服务器之间的网络通信,支持二进制数据和文本字符串的传输
    • WebSocket API
      • 管理 WebSocket 连接、发送和接收信息,以及监听服务器触发的事件
相关推荐
今晚务必早点睡10 小时前
系统通信方式实战详解:HTTP、RPC、MQ、WebSocket 各用在什么场景?(附 SDK 示例)
websocket·http·rpc
*才华有限公司*15 小时前
RTSP视频流播放系统
java·git·websocket·网络协议·信息与通信
栗子叶17 小时前
网页接收服务端消息的几种方式
前端·websocket·http·通信
Amumu1213818 小时前
React 前端请求
前端·react.js·okhttp
38242782719 小时前
JS表单提交:submit事件的关键技巧与注意事项
前端·javascript·okhttp
栗子叶20 小时前
SSE、长轮询与 WebSocket 连接资源对比及 Spring Boot 配置指南
spring boot·websocket·网络协议
softshow102621 小时前
Vue3 :封装 WebRTC 低延迟视频流与 WebSocket 实时状态驱动的大屏可视化
websocket·网络协议·webrtc
qq_406176141 天前
关于JavaScript中的filter方法
开发语言·前端·javascript·ajax·原型模式
克里斯蒂亚诺更新2 天前
理解即时通信Socket以及用NodeJs实现WebSocket
网络·websocket·网络协议
码农很忙2 天前
从0到1搭建实时日志监控系统:基于WebSocket + Elasticsearch的实战方案
websocket·网络协议·elasticsearch