qq_52647405 2021-07-20 15:29 采纳率: 0%
浏览 23

怎么样实现go语言的udp测试与前端页面互通

怎么样可以用前端页面的点击事件来完成go的udp通信，就类似一个简易的聊天窗口，点击就可以发送信息，另一个窗口可以接收信息

  • 写回答

1条回答 默认 最新

  • 没掉发的程序员 山东创站网络科技有限公司官方账号 2023-03-11 22:15
    关注

    可以使用JavaScript中的XMLHttpRequest对象来实现前端页面的点击事件与go的udp通信。具体实现步骤如下：

    在前端页面中，使用JavaScript监听点击事件，当用户点击发送按钮时，获取输入框中的文本内容。

    使用XMLHttpRequest对象向后端发送请求，将文本内容作为参数传递给后端。

    在后端使用go语言编写udp通信的代码，接收前端发送的数据，并将数据发送给另一个窗口。

    在另一个窗口中，使用go语言编写udp通信的代码，接收数据并显示在页面上。

    以下是一个简单的代码案例：

    前端页面代码：

    

<!DOCTYPE html>
<html>
<head>
    <title>UDP聊天窗口</title>
</head>
<body>
    <input type="text" id="message">
    <button onclick="sendMessage()">发送</button>
    <div id="chat"></div>
    <script>
        function sendMessage() {
            var message = document.getElementById("message").value;
            var xhr = new XMLHttpRequest();
            xhr.open("GET", "http://localhost:8080/send?message=" + message, true);
            xhr.send();
        }

        setInterval(function() {
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    document.getElementById("chat").innerHTML += xhr.responseText + "<br>";
                }
            }
            xhr.open("GET", "http://localhost:8080/receive", true);
            xhr.send();
        }, 1000);
    </script>
</body>
</html>

    后端代码：

    package main

import (
    "fmt"
    "net"
    "net/http"
    "strings"
)

func main() {
    http.HandleFunc("/send", sendHandler)
    http.HandleFunc("/receive", receiveHandler)
    http.ListenAndServe(":8080", nil)
}

func sendHandler(w http.ResponseWriter, r *http.Request) {
    message := r.URL.Query().Get("message")
    sendMessage(message)
}

func receiveHandler(w http.ResponseWriter, r *http.Request) {
    message := receiveMessage()
    fmt.Fprintf(w, message)
}

func sendMessage(message string) {
    conn, err := net.Dial("udp", "localhost:8888")
    if err != nil {
        fmt.Println(err)
        return
    }
    defer conn.Close()

    conn.Write([]byte(message))
}

func receiveMessage() string {
    conn, err := net.ListenPacket("udp", ":8888")
    if err != nil {
        fmt.Println(err)
        return ""
    }
    defer conn.Close()

    buffer := make([]byte, 1024)
    n, _, err := conn.ReadFrom(buffer)
    if err != nil {
        fmt.Println(err)
        return ""
    }

    return strings.TrimSpace(string(buffer[:n]))
}

    另一个窗口的代码与上面的代码类似，只需要将端口号改为另一个未被占用的端口即可。

    评论

报告相同问题？

问题事件

  • 创建了问题 7月20日

悬赏问题

  • ¥15 训练的多模态特征融合模型准确度很低怎么办
  • ¥15 kylin启动报错log4j类冲突
  • ¥15 超声波模块测距控制点灯，灯的闪烁很不稳定，经过调试发现测的距离偏大
  • ¥15 import arcpy出现importing _arcgisscripting 找不到相关程序
  • ¥15 onvif+openssl，vs2022编译openssl64
  • ¥15 iOS 自定义输入法-第三方输入法
  • ¥15 很想要一个很好的答案或提示
  • ¥15 扫描项目中发现AndroidOS.Agent、Android/SmsThief.LI!tr
  • ¥15 怀疑手机被监控，请问怎么解决和防止
  • ¥15 Qt下使用tcp获取数据的详细操作