【六袆 - 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 连接、发送和接收信息,以及监听服务器触发的事件
相关推荐
toooooop85 小时前
本地开发环境webScoket调试,保存html即用
前端·css·websocket
太阳伞下的阿呆12 小时前
HttpClient、OkHttp 和 WebClient
okhttp·httpclient·webclient
2503_9284115612 小时前
9.8 ajax+php基础语法
ajax·okhttp·php
Chan161 天前
消息推送的三种常见方式:轮询、SSE、WebSocket
java·网络·websocket·网络协议·http·sse
Yvonne爱编码1 天前
简述ajax、node.js、webpack、git
前端·git·ajax·webpack·node.js·visual studio
小妖怪的夏天2 天前
react native 出现 FATAL EXCEPTION: OkHttp Dispatcher
react native·react.js·okhttp
学会煎墙2 天前
3分钟快速入门WebSocket
网络·websocket·网络协议
Coding_Doggy3 天前
苍穹外卖Day10 | 订单状态定时处理、来单提醒、客户催单、SpringTask、WebSocket、cron表达式
网络·websocket·网络协议
朝阳5813 天前
用 Rust + Actix-Web 打造“Hello, WebSocket!”——从握手到回声,只需 50 行代码
前端·websocket·rust