websocket小例子，直接放到本地服务器可以跑起来

最新推荐文章于 2024-08-05 15:12:18 发布

孤独--患者

最新推荐文章于 2024-08-05 15:12:18 发布

阅读量5k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_35484341/article/details/83383742

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
</head>
<body>
<input id='input' type="text">
<button οnclick="send()">发送</button>
<div id='id'>

</div>
   <script>

function socketConnect(url) {
const id = document.getElementById('id')
// 客户端与服务器进行连接
let ws = new WebSocket(url); // 返回`WebSocket`对象，赋值给变量ws
// 连接成功回调
ws.onopen = e => {
console.log('连接成功', e)
ws.send('我发送消息给服务端'); // 客户端与服务器端通信
}
// 监听服务器端返回的信息
ws.onmessage = e => {
console.log('服务器端返回：', e.data)
// do something
id.innerHTML = e.data

}
return ws; // 返回websocket对象
}
let wsValue = socketConnect('ws://121.40.165.18:8800');

function send(){
const id = document.getElementById("input")
wsValue.send(id.value)
}
</script>
</body>
</html>