H5 websocket 解json

H5 WebSocket 是一种在 HTML5 中实现的全双工通信技术，它允许网页与服务器之间建立持久连接，实时推送数据。当服务器需要发送 JSON 数据给客户端时，通常会将 JSON 对象转换成字符串，然后通过 WebSocket 的 `send()` 方法发送出去。

客户端接收到 JSON 字符串后，可以将其解析回原始的 JavaScript 对象。这通常涉及到使用浏览器内置的 JSON.parse() 函数。下面是一个简单的示例：

// 客户端接收 JSON 数据
var receivedData = ws.recv(); // 假设从WebSocket接收到数据

try {
    var jsonData = JSON.parse(receivedData);
    console.log("Received JSON:", jsonData);
} catch (error) {
    console.error("Failed to parse JSON:", error);
}

在这个例子中，`receivedData` 是服务器传递过来的 JSON 字符串，`JSON.parse()` 尝试将其解析为 JavaScript 对象。如果解析成功，`jsonData` 就是一个可操作的对象；如果解析失败，则会捕获错误。

相关问题

javax.websocket 发送JSON

`javax.websocket` 是Java WebSocket API的一部分，用于实现实时双向通信。如果你想要通过WebSocket从服务器向客户端发送JSON数据，可以按照以下步骤操作：

1. **创建消息对象**: 首先，你需要创建一个JSON兼容的对象，如Java的`org.json.JSONObject`或`com.fasterxml.jackson.databind.JsonNode`。

import org.json.JSONObject;

JSONObject message = new JSONObject();
message.put("username", "John");
message.put("message", "Hello from server!");

2. **准备WebSocket连接**: 确保你已经建立了一个`@ServerEndpoint`注解的WebSocket服务器端点，并配置了相应的WebSocket监听器（`MessageHandler`）来处理接收到的消息。

@ServerEndpoint("/websocket")
public class WebSocketServer {
    @OnMessage
    public void handleMessage(String message) {
        // 对接收到的字符串消息进行处理
    }

    // 当需要发送JSON时
    @OnClose
    public void onClose(CloseReason reason) {
        sendToClient(message); // 发送JSON对象
    }

    private void sendToClient(JSONObject json) {
        try {
            session.getBasicRemote().sendText(json.toString());
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

在这里，`sendToClient()`方法负责将JSON转换成字符串并发送给客户端。

3. **客户端接收**：客户端也需要处理接收到的JSON字符串，并转换回Java对象。

@OnMessage
public void onMessage(String textMessage) {
    try {
        JSONObject receivedJson = new JSONObject(textMessage);
        // 解析JSON并处理数据
    } catch (JSONException e) {
        e.printStackTrace();
    }
}

go websocket ReadJSON

在 Go 中，读取 WebSocket 的 JSON 消息可以通过以下步骤完成：

1. 首先，创建一个结构体来存储您要读取的 JSON 消息。例如：

type Message struct {
    Sender    string `json:"sender"`
    Recipient string `json:"recipient"`
    Content   string `json:"content"`
}

2. 接下来，使用`github.com/gorilla/websocket`包中的`websocket.Conn`类型来创建一个 WebSocket 连接。例如：

conn, err := websocket.Dial(url, "", origin)
if err != nil {
    log.Fatal(err)
}
defer conn.Close()

3. 然后，使用`websocket.JSON.Receive()`方法从 WebSocket 连接中读取 JSON 消息，并将其解码到我们定义的结构体中。例如：

msg := &Message{}
err := conn.ReadJSON(msg)
if err != nil {
    log.Fatal(err)
}

4. 最后，您可以访问解码后的 JSON 消息的字段。例如，要访问消息的内容，可以使用`msg.Content`。

下面是完整的示例代码：

package main

import (
    "log"

    "github.com/gorilla/websocket"
)

type Message struct {
    Sender    string `json:"sender"`
    Recipient string `json:"recipient"`
    Content   string `json:"content"`
}

func main() {
    url := "wss://example.com/ws"
    origin := "https://example.com"

    conn, err := websocket.Dial(url, "", origin)
    if err != nil {
        log.Fatal(err)
    }
    defer conn.Close()

    msg := &Message{}
    err = conn.ReadJSON(msg)
    if err != nil {
        log.Fatal(err)
    }

    log.Printf("Received message from %s to %s: %s", msg.Sender, msg.Recipient, msg.Content)
}