【六袆 - 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 连接、发送和接收信息,以及监听服务器触发的事件
相关推荐
技术拾荒者3 小时前
Day03_AJAX原理 (黑马笔记)
ajax
闲人编程4 小时前
Spark使用过程中的 15 个常见问题、详细解决方案
python·ajax·spark·解决方案·调度·作业
ac-er88886 小时前
ThinkPHP中使用ajax接收json数据的方法
前端·ajax·json·php
hope_wisdom11 小时前
C++网络编程之WebSocket通信
网络·c++·websocket·网络编程·libwebsockets·boost.beast
少说多做34316 小时前
Android 网络请求(二)OKHttp网络通信
android·网络·okhttp
applebomb17 小时前
【uni-app多端】修复stmopjs下plus-websocket无心跳的问题
websocket·uni-app·app·心跳·stomp·plus-websocket
Dear.爬虫21 小时前
Odoo中,要实现实时数据推送,SSE 与 WebSocket 该如何选择
websocket·网络协议·sse·odoo·实时数据推送
zznnniuu1 天前
SpringCloud处理Websocket消息过长自动断开连接
websocket·spring·spring cloud
灿宝宝lo1 天前
使用ajax-hook修改http请求响应数据,篡改后再返回给正常的程序
android·前端·ajax
shidouyu2 天前
前端框架主要做些什么工作
javascript·css·ajax·正则表达式·json·firefox·jquery