【六袆 - 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 连接、发送和接收信息,以及监听服务器触发的事件
相关推荐
龙哥·三年风水8 小时前
workman服务端开发模式-应用开发-vue-element-admin封装websocket
分布式·websocket·vue
ZoeLandia16 小时前
WebSocket | 背景 概念 原理 使用 优缺点及适用场景
网络·websocket·网络协议
zquwei1 天前
SpringCloudGateway+Nacos注册与转发Netty+WebSocket
java·网络·分布式·后端·websocket·网络协议·spring
carterslam1 天前
解决:websocket 1002 connection rejected 426upgrade required
网络·websocket·网络协议
抓住鼹鼠不撒手1 天前
xterm.js结合websocket实现web ssh
前端·javascript·websocket
郭尘帅6661 天前
Ajax学习笔记
笔记·学习·ajax
QTX187301 天前
ajax中get和post的区别,datatype返回的数据类型有哪些?web开发中数据提交的几种方式,有什么区别。
前端·javascript·ajax
NiNg_1_2341 天前
Spark常用的转化操作和动作操作详解
大数据·ajax·spark
学前端的小朱1 天前
Echarts实现大屏可视化
websocket·echarts·nodejs·vue3·vite·koa·cors
羊小猪~~2 天前
前端入门之VUE--ajax、vuex、router,最后的前端总结
前端·javascript·css·vue.js·vscode·ajax·html5