将后端的数据传递到前端可以采用下面三种API。 [TOC] # 1. ModelAndView 使用步骤如下： **1. controller层中调用ModelAndView** ```java @RequestMapping("/v1/get/student") public ModelAndView getStudent01(ModelAndView model) { //添加需要传递到前端的数据 model.addObject("name", "张三"); model.addObject("age", 25); model.addObject("gender", "男生"); //添加前端视图名称 model.setViewName("student"); return model; } ``` **2. 视图层接收数据：`webapp/WEB-INF/views/student.jsp`** ```html <h1>${ name },${ age }, ${ gender }</h1> ``` **3. 测试** 访问 http://localhost:8080/mvc/v1/get/student ，前端会看到如下数据。 ``` 张三,25, 男生 ``` <br/> # 2. Model 使用步骤如下： **1. controller层中调用Model** ```java @RequestMapping("/v2/get/student") public String getStudent02(Model model) { //添加需要传递到前端的数据 model.addAttribute("name", "张三"); model.addAttribute("age", 25); model.addAttribute("gender", "男生"); //返回视图名称 return "student"; } ``` **2. 视图层接收数据：`webapp/WEB-INF/views/student.jsp`** ```html <h1>${ name },${ age }, ${ gender }</h1> ``` **3. 测试** 访问 http://localhost:8080/mvc/v2/get/student ，前端会看到如下数据。 ``` 张三,25, 男生 ``` <br/> # 3. Map 使用步骤如下： **1. controller层中调用Map** ```java @RequestMapping("/v3/get/student") public String getStudent03(Map<String, Object> model) { //添加需要传递到前端的数据 model.put("name", "张三"); model.put("age", 25); model.put("gender", "男生"); //返回视图名称 return "student"; } ``` **2. 视图层接收数据：`webapp/WEB-INF/views/student.jsp`** ```html <h1>${ name },${ age }, ${ gender }</h1> ``` **3. 测试** 访问 http://localhost:8080/mvc/v3/get/student ，前端会看到如下数据。 ``` 张三,25, 男生 ```