在前后端交互或跨语言协作的场景中，将JavaScript（JS）中的值传递给Java变量是一个常见需求，由于JS运行在浏览器端，而Java通常运行在服务器端，两者无法直接共享内存，因此需要通过特定的通信机制实现数据传递,本文将详细介绍几种主流的实现方式及其适用场景。
HTTP请求与JSON数据交互
最常用的方式是通过HTTP请求将JS中的数据发送到服务器，由Java程序接收并解析，JS端可以通过fetch或XMLHttpRequest发起POST或GET请求，将数据封装为JSON格式。
const jsData = { name: "张三", age: 25 };
fetch("http://java-server/api/data", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(jsData)
});
Java端使用框架（如Spring Boot）接收数据：
@PostMapping("/api/data")
public void receiveData(@RequestBody Map<String, Object> javaData) {
String name = (String) javaData.get("name");
int age = (Integer) javaData.get("age");
// 处理数据
}
这种方式适用于前后端分离架构，支持复杂数据结构,且兼容性较好。
WebSocket实时数据传递
对于需要实时交互的场景（如聊天应用、在线协作），WebSocket是理想选择，JS通过WebSocket API建立与服务器的长连接，数据以文本或二进制形式传输：
const socket = new WebSocket("ws://java-server/socket");
socket.send(JSON.stringify({ type: "message", data: "Hello Java" }));
Java端使用javax.websocket或Spring的WebSocket模块处理连接：
@OnMessage
public void onMessage(String message, Session session) {
JsonObject data = JsonParser.parseString(message).getAsJsonObject();
String type = data.get("type").getAsString();
// 处理数据
}
WebSocket支持双向通信，延迟低,适合高频数据交换场景。
第三方库与RPC框架
若需更高效的跨语言调用，可通过RPC（远程过程调用）框架实现，使用gRPC或Thrift定义服务接口，JS和Java分别生成对应客户端和服务端代码，以gRPC为例：
- 定义
.proto文件描述服务接口； - JS生成客户端代码（通过
grpc-web）； - Java生成服务端代码并实现业务逻辑。
这种方式性能高,适合对实时性要求较高的微服务架构。
浏览器存储与服务器轮询
对于非实时性数据，可利用浏览器的localStorage或sessionStorage存储JS数据，然后通过定时轮询或用户操作触发请求，将数据发送至Java服务器。
localStorage.setItem("userData", JSON.stringify({ key: "value" }));
// 页面跳转或刷新后，Java通过请求参数获取数据
Java端从请求参数或Cookie中读取数据：
String userData = request.getParameter("userData");
Map<String, Object> data = new ObjectMapper().readValue(userData, Map.class);
此方法简单易用，但实时性较差,适合低频数据同步。
注意事项
- 数据类型转换：JS的
Number可能对应Java的Integer或Double，需注意精度问题；null和undefined需统一处理。 - 安全性：对JS传入的数据进行校验，防止SQL注入或XSS攻击。
- 性能优化：避免频繁传输大数据，可考虑压缩或分片传输。
通过以上方式，可根据具体场景选择合适的技术方案，实现JS与Java之间的安全、高效数据传递。
