WebSocket如何传输JSON数据格式 WebSocket发送对象数据教程【代码】-js教程-PHP中文网

websocket发送对象前必须json.stringify()，否则服务端收到"[object object]"或空字符串；send仅支持string、arraybuffer等类型；后端需手动json.parse()；需防范undefined、function、循环引用导致的序列化失败。

websocket如何传输json数据格式 websocket发送对象数据教程【代码】

WebSocket 不能直接 send({})，必须先 JSON.stringify()，否则服务端收到的是 "[object Object]" 或空字符串——这是 90% 的新手第一坑。

前端 send() 前不 stringify 就等于发了个空消息

原生 WebSocket.send() 只接受 string、ArrayBuffer、Blob 或 TypedArray。传入 JS 对象（比如 {type: "msg", content: "hello"}）不会报语法错误，但实际调用的是 String({})，结果恒为 "[object Object]"。

服务端用 JSON.parse() 解析时直接抛 SyntaxError: Unexpected token o
某些后端框架（如 Spring WebSocket）会静默丢弃非法 JSON，导致“发了却没收到”
即使后端不校验，你也拿不到原始字段——因为根本不是 JSON 字符串

正确写法必须显式序列化：

const socket = new WebSocket("ws://localhost:8080/chat");
socket.onopen = () => {
  const msg = { type: "login", user: "Alice", timestamp: Date.now() };
  try {
    socket.send(JSON.stringify(msg)); // ✅ 关键一步
  } catch (e) {
    console.error("序列化失败:", e); // 防循环引用、undefined、function 等
  }
};

后端接收时必须手动 JSON.parse()

WebSocket 协议层不关心内容格式，它只管收发字节流。服务端拿到的永远是原始 String（或 byte[]），不会自动解析成对象。

Spring Boot + @OnMessage：参数类型用 String，再手动 new ObjectMapper().readValue(payload, Xxx.class)
Node.js + ws 库：回调中 data 是 string 或 Buffer，需 JSON.parse(data.toString())
Go + gorilla/websocket：用 c.ReadMessage() 得到 []byte，再 json.Unmarshal()

漏掉这步，你就只能在日志里看到一串原始字符串，没法取 msg.type。

Feishu calendar sync, local ics to json data for AI agent

将ICS日历文件转为JSON格式，用于飞书日历导入导出及数据集成。

下载

哪些值 JSON.stringify() 会出错？怎么防

JSON.stringify() 对非法值（如 undefined、function、Symbol、循环引用）会静默忽略字段或直接抛错，导致 send 失败且无提示。

new Date() → 转成字符串（安全），但 Date.now() 更推荐（返回 number）
undefined 字段会被整个删掉；function 字段也会被删，不报错但逻辑丢失
含循环引用的对象（如 obj.parent = obj）会抛 TypeError: Converting circular structure to JSON

简单防御方式：

function safeStringify(obj) {
  try {
    return JSON.stringify(obj);
  } catch (e) {
    console.warn("JSON.stringify failed:", e.message);
    return JSON.stringify({
      error: "invalid payload",
      timestamp: Date.now()
    });
  }
}