java怎么把map传到前台js里面-java教程-PHP中文网

java怎么把map传到前台js里面

下次还敢

发布： 2024-05-26 09:24:20

原创

1105人浏览过

将 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里面

如何将 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>

登录后复制

其他方法：