將后端的數據傳遞到前端可以采用下面三種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, 男生 ```