【六袆 - 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 连接、发送和接收信息,以及监听服务器触发的事件
相关推荐
jstart千语5 小时前
【网络协议】WebSocket讲解
网络·websocket·网络协议
samroom18 小时前
使用Vue、Nodejs以及websocket搭建一个简易聊天室
前端·vue.js·websocket
江城开朗的豌豆18 小时前
前端开发者必备技术:WebSocket 通信实战指南
前端·javascript·websocket
江沉晚呤时19 小时前
C# 状态模式深度解析:构建灵活的状态驱动系统
开发语言·javascript·数据库·ui·ajax·c#·ecmascript
九筠2 天前
python网络爬虫开发实战之Ajax数据提取
前端·爬虫·ajax·网络爬虫
iOS技术狂热者2 天前
wireshak抓手机包 wifi手机抓包工具
websocket·网络协议·tcp/ip·http·网络安全·https·udp
zru_96022 天前
Java 连接 WebSocket 入门教程
java·python·websocket
何政@3 天前
从零实现APP实时聊天功能:WebSocket+离线消息+多媒体传输全解析
websocket·网络协议·idea·hbuilderx·前后端调试·好友聊天
陌路物是人非3 天前
SpringBoot + Netty + Vue + WebSocket实现在线聊天
vue.js·spring boot·websocket·netty
seabirdssss3 天前
通过动态获取项目的上下文路径来确保请求的 URL 兼容两种启动方式(IDEA 启动和 Tomcat 部署)下都能正确解析
java·okhttp·tomcat·intellij-idea