前端如何接收websocket发送过来的实时数据
  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');
imageSocket = new WebSocket('ws://'+window.location.host+'/capture_soc');
flashSocket = new WebSocket('ws://'+window.location.host+'/live_soc');
//webSocket 对象
onError(event);
};
onOpen(event);
};
onMessage(event);
};
//imageSocket 对象
onError(event);
};
onOpenImg(event);
};
onMessageImg(event);
};
//flashSocket 对象
onError(event);
};
onOpenFlash(event);
};
onMessageFlash(event);
};
}前端websocket怎么用
  然后定义相应的函数，发⽣ http 请求，接收到数据后打印出来看⼀下数据格式，并进⾏处理
function onError(event){
}
function onOpen(event){
webSocket.send();//看后台需要接收什么信息才能握⼿成功
}
function onMessage(event){
console.log(event);
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。