当前位置：首页 > 资讯 >

万字长文，一篇吃透WebSocket：概念、原理、易错常识、动手实践(7)

2023-04-29 来源:飞速影视

socket.addEventListener("message", function(event) {
console.log("Message from server ", event.data);
receivedMsgContainer.value = event.data;
});
为了更加直观地理解上述的数据交互过程，我们使用 Chrome 浏览器的开发者工具来看一下相应的过程。
如下图所示：

以上示例对应的完整代码如下所示：
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8"/>
<metaname="viewport"content="width=device-width, initial-scale=1.0"/>
<title>WebSocket 发送普通文本示例</title>
<style>
.block {
flex: 1;
}
</style>
</head>
<body>
<h3>WebSocket 发送普通文本示例</h3>
<divstyle="display: flex;">
<divclass="block">
<p>即将发送的数据：<button>发送</button></p>
<textareaid="sendMessage"rows="5"cols="15"></textarea>

1 ...5 6 7 8 9 ...35 查看全文

万字长文，一篇吃透WebSocket：概念、原理、易错常识、动手实践(7)

经常请吃饭的理事大人

头文字D 第一季

运动学概论

简易美食挑战赛：家常菜大比拼第一季

念念手纪

成长不容易第一季

拿错金盆洗错手

炼体十万层都市篇动态漫画