您所在的位置:首页 - 科普 - 正文科普
web编程
可诺 05-05 【科普】 64人已围观
摘要标题:基于WebSocket的编程代码示例```htmlWebSocket编程示例varsocket;functionconnect(){varurl="ws://example.com/socket
基于WebSocket的编程代码示例
```html
var socket;
function connect() {
var url = "ws://example.com/socket"; // WebSocket服务器的URL
socket = new WebSocket(url);
// 连接建立后的回调函数
socket.onopen = function() {
console.log("连接已建立");
// 在此执行其他操作,如发送消息等
};
// 接收到消息的回调函数
socket.onmessage = function(event) {
var message = event.data;
console.log("收到消息:" message);
// 在此处理接收到的消息
};
// 连接关闭后的回调函数
socket.onclose = function(event) {
console.log("连接关闭,状态码:" event.code ", 原因:" event.reason);
// 在此执行其他操作,如重新连接等
};
// 出错时的回调函数
socket.onerror = function(error) {
console.error("WebSocket错误:" error);
// 在此处理错误
};
}
function disconnect() {
if (socket) {
socket.close(); // 关闭WebSocket连接
console.log("连接已关闭");
}
}
function sendMessage(message) {
if (socket && socket.readyState === WebSocket.OPEN) {
socket.send(message); // 发送消息
console.log("发送消息:" message);
} else {
console.error("无法发送消息:WebSocket连接未建立或已关闭");
}
}
WebSocket编程示例