17370845950

将 Java Map 传递到前端 JS 的方法：使用 JSON.stringify() 将 Map 转换为 JSON 字符串。在 JavaScript 中使用 JSON.parse() 将 JSON 字符串解析回 Map。使用 JSP 中的 JSTL json 标签将 Map 作为 data 属性传递给 json 标签。使用 Spring MVC 的 @ResponseBody 注解返回 Map 并使用 JSON.parse() 解析 JSON 响应。

如何将 Java Map 传递到前端 JS

直接方法：使用 JSON.stringify()

• 使用 JSON.stringify() 函数将 Map 转换为 JSON 字符串。
• 在 JavaScript 中，使用 JSON.parse() 函数将 JSON 字符串解析回 Map。

示例代码：

// Java
Map myMap = new HashMap<>();
String json = JSON.stringify(myMap);

// JavaScript
const myMap = JSON.parse(json);

使用 JSP

• 在 JSP 文件中使用 JSTL json 标签。
• 将 Map 作为 data 属性传递给 json 标签。
• 在 JavaScript 中，使用 eval() 函数解析 JSON 字符串。

示例代码：

// JSP
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


// JavaScript
const myMap = eval(json);

使用 Spring MVC

• 使用 Spring MVC 的 @ResponseBody 注解。
• 在控制器方法中返回 Map。
• 在 JavaScript 中，使用 JSON.parse() 函数解析 JSON 响应。

示例代码：

// Java
@RequestMapping("/myMap")
public @ResponseBody Map myMap() {
    return new HashMap<>();
}

// JavaScript
fetch('/myMap')
  .then(res => res.json())
  .then(data => console.log(data));

其他方法：

• 使用 HttpSession 或 ServletContext 存储 Map。
• 使用 WebSocket 或 Socket.IO 进行实时数据传输。