将 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。
示例代码：
<code class="java">// Java Map<String, Object> myMap = new HashMap<>(); String json = JSON.stringify(myMap); // JavaScript const myMap = JSON.parse(json);</code>
使用 JSP
立即学习“Java免费学习笔记（深入）”；
- 在 JSP 文件中使用 JSTL
json标签。 - 将 Map 作为
data属性传递给json标签。 - 在 JavaScript 中，使用
eval()函数解析 JSON 字符串。
示例代码：
<code class="java">// JSP
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:json data="${myMap}" var="json" />
// JavaScript
const myMap = eval(json);</code>使用 Spring MVC
- 使用 Spring MVC 的
@ResponseBody注解。 - 在控制器方法中返回 Map。
- 在 JavaScript 中，使用
JSON.parse()函数解析 JSON 响应。
示例代码：
<code class="java">// Java
@RequestMapping("/myMap")
public @ResponseBody Map<String, Object> myMap() {
return new HashMap<>();
}
// JavaScript
fetch('/myMap')
.then(res => res.json())
.then(data => console.log(data));</code>其他方法：
- 使用 HttpSession 或 ServletContext 存储 Map。
- 使用 WebSocket 或 Socket.IO 进行实时数据传输。
