前端如何接收 websocket 发送过来的实时数据

WebSocket协议是HTML5的一种新协议,用于实现浏览器与服务器的全双工通信。本文介绍如何在前端使用JavaScript通过WebSocket发送HTTP请求,并详细阐述如何处理接收的数据,包括初始化WebSocket对象、发送请求及接收数据后的处理步骤。
摘要由CSDN通过智能技术生成

  WebSocket protocol 是HTML5一种新的协议,它实现了浏览器与服务器全双工通信(full-duple)。刚开始的握手需要借助HTTP请求完成,在 WebSocket API,浏览器和服务器只需要做一个握手的动作,然后浏览器和服务器之间就形成了一条快速通道,两者之间就直接可以数据互相传送。

  那么前端如何通过 JS 发出 http 请求,又应该如何处理请求结果呢?在 initSocket() 函数中我们新建了三个 websocket 对象,通过调用这些 websocket 对象的内置函数实现数据的请求和接收:

initSocket();
function initSocket(){
  webSocket = new WebSocket('ws://'+window.location.host+'/header_soc');
  i
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值