在前端的JavaScript中怎么使用ModelMap中的数据

在前端的 JavaScript 中，可以通过以下方式使用 ModelMap 中的数据：

1. 使用 Thymeleaf 模板引擎：

如果你使用 Thymeleaf 模板引擎，可以在前端页面中使用 Thymeleaf 的语法来获取 ModelMap 中的数据。

例如，在 controller 中将 List 存入 ModelMap 中，然后将视图名称和 ModelMap 对象作为参数传递给 ModelAndView 对象。

@GetMapping("/list")
public String getList(ModelMap modelMap) {
    List<String> list = Arrays.asList("apple", "banana", "orange");
    modelMap.addAttribute("list", list);
    return "list";
}

在前端页面中，可以使用 Thymeleaf 的语法 `${list}` 来获取 List 对象。

2. 使用 AJAX 请求：

如果你使用 AJAX 请求来获取 ModelMap 中的数据，可以在 controller 中将 List 存入 ModelMap 中，然后通过 @ResponseBody 注解将 ModelMap 对象转换为 JSON 格式的数据返回给前端。

@GetMapping("/list")
@ResponseBody
public List<String> getList(ModelMap modelMap) {
    List<String> list = Arrays.asList("apple", "banana", "orange");
    return list;
}

在前端页面中，可以通过 AJAX 请求来获取 JSON 格式的数据，并将其转换为 JavaScript 对象。

$.ajax({
    type: "GET",
    url: "/list",
    success: function(data) {
        console.log(data); // 输出 ["apple", "banana", "orange"]
    }
});

注意：在使用 AJAX 请求时，需要使用 JSON.parse() 方法将 JSON 格式的数据转换为 JavaScript 对象。