golang和web端，websocket交互

最新推荐文章于 2024-11-21 18:52:52 发布

tian828

最新推荐文章于 2024-11-21 18:52:52 发布

阅读量223

点赞数

文章标签： golang 前端 websocket

本文链接：https://blog.youkuaiyun.com/tian828/article/details/133923235

版权

本文介绍了如何使用Golang作为后端与前端通过WebSocket进行实时通信。内容包括前端建立连接的地址以及后端Golang实现WebSocket服务的代码示例，展示了在Web应用中实现双向实时数据传输的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端地址：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Websocket</title>
</head>
<body>
<h1>字符串转换大写</h1>
<form>
  <p>
    字符串: <input id="content" type="text" placeholder="输入要转换的字符串">
  </p>
</form>
<label id="result">结果为：</label><br><br>
<button onclick="send()">转换</button>

<script type="text/javascript">
  var sock = null;
  createWebSocket();
  // if(!window.localStorage){            
  //   console.log(333)
  //   alert("浏览器不支持localstorage！");                
  // } 
  // var sock = localStorage.getItem("ws");
  // if (!sock) {
    
  //   localStorage.setItem("ws",sock);
  // }
  sock.onmessage = function(e) {
    var result = document.getElementById('