【六袆 - 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 连接、发送和接收信息,以及监听服务器触发的事件
相关推荐
wydaicls16 小时前
C语言完成Socket通信
c语言·网络·websocket
CDwenhuohuo1 天前
WebSocket 前端node启用ws调试
前端·websocket·网络协议
Qrun1 天前
Windows11安装nvm管理node多版本
前端·vscode·react.js·ajax·npm·html5
yeapT2 天前
网络传输协议的介绍——SSE
网络·websocket·http
quant_19862 天前
【教程】使用加密货币行情接口 - 查询比特币实时价格
开发语言·后端·python·websocket·网络协议
国服第二切图仔3 天前
Rust开发实战之WebSocket通信实现(tokio-tungstenite)
开发语言·websocket·rust
爱怪笑的小杰杰4 天前
浏览器端缓存地图请求:使用 IndexedDB + ajax-hook 提升地图加载速度
ajax·okhttp·缓存
没有故事、有酒4 天前
Ajax介绍
前端·ajax·okhttp
朝新_4 天前
【SpringMVC】详解用户登录前后端交互流程:AJAX 异步通信与 Session 机制实战
前端·笔记·spring·ajax·交互·javaee
咖啡の猫4 天前
vue 项目中常用的 2 个 Ajax 库
vue.js·ajax·okhttp