本文介绍了如何检测浏览器对WebSocket的支持情况，并提供了创建WebSocket连接及实现通信的基本示例代码。通过本教程，读者将学会如何使用JavaScript建立WebSocket连接、监听事件、发送消息及关闭连接。
1.浏览器检测websocket兼容性
if(window.WebSocket){
console.log('支持')
}else{
console.log('去死')
}2.websocket的对象创建与通信端口连接
var url = 'ws://localhost:8080/test';
//ws://前缀表示websocket连接，wss://表示安全的websocket连接
var socket = new WebSocket(url);3.websocket对象事件（监听，发送，关闭）
websocket编程遵循异步编程模型，打开socket不需要主动向服务器发送请求，只需要等待事件发生后调用它的回调函数
//使用open事件双方握手
socket.open = function (){
console.log('open');
socket.send('hello server'); //使用send事件发送消息
}//使用onmessage事件监听server端的响应信息
socket.onmessage = function (e){
console.log(e.data);
}//使用onclose关闭此通讯
socket.onclose = function (){
console.log('this socket is closed');
}在socket打开状态中，可以使用send函数推送数据到server
socket.send("hello server i'm conming again")
扫一扫
1221
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
