9、SpringMVC处理ajax请求
9.1、@RequestBody
@RequestBody可以获取请求体信息,使用@RequestBody注解标识控制器方法的形参,当前请求的请
求体就会为当前注解所标识的形参赋值
<!--此时必须使用post请求方式,因为get请求没有请求体-->
<form th:action="@{/test/ajax}" method="post">
用户名:<input type="text" name="username"><br>
密码:<input type="password" name="password"><br>
<input type="submit">
</form>
@RequestMapping("/test/ajax")
public void testAjax(Integer id, @RequestBody String requestBody, HttpServletResponse response) throws IOException {
//现在要处理的是ajax请求,ajax在页面不刷新的情况下与服务器进行交互,ajax就是专门实现局部刷新
//在服务器中不能以转发和重定向作为结果
System.out.println("requesBody"+requestBody);
System.out.println("id"+id);
response.getWriter().write("hello,axious");
}
输出结果:
requestBody:username=admin&password=123456
9.2、@RequestBody获取json格式的请求参数
- 在使用了axios发送ajax请求之后,浏览器发送到服务器的请求参数有两种格式:
- 1、name=value&name=value…,此时的请求参数可以通过request.getParameter()获取,对应
SpringMVC中,可以直接通过控制器方法的形参获取此类请求参数 - 2、{key:value,key:value,…},此时无法通过request.getParameter()获取,之前我们使用操作
json的相关jar包gson或jackson处理此类请求参数,可以将其转换为指定的实体类对象或map集
合。在SpringMVC中,直接使用@RequestBody注解标识控制器方法的形参即可将此类请求参数 转换为java对象
使用@RequestBody获取json格式的请求参数的条件:
1、导入jackson的依赖
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.12.1</version>
</dependency>
2、SpringMVC的配置文件中设置开启mvc的注解驱动
<!--开启mvc的注解驱动-->
<mvc:annotation-driven/>
3、在控制器方法的形参位置,设置json格式的请求参数要转换成的java类型(实体类或map)的参
数,并使用@RequestBody注解标识
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
<h1>index.html</h1>
<div id="app">
<input type="button" value="使用@RequestBody注解处理json格式的请求参数" @click="testRequestBody()"><br>
</div>
<script type="text/javascript" th:src="@{/js/vue.js}"></script>
<script type="text/javascript" th:src="@{/js/axios.min.js}"></script>
<script type="text/javascript" >
/**
* axios({
* url:"",//请求路径
* method:"",//请求方式
* //以name=value&name=value的请求方式发送的请求参数
* //不管使用的请求方式是get或post,请求参数都会被拼接到请求地址后
* //此种方式的请求参数可以同通过request.getParameter()获取
* params:{},
* //以json格式发送的请求参数
* //请求参数会被保存到请求报文的请求体传输到服务器
* //此种方式的请求参数不可以通过request.getParameter()获取
* data:{}//以json格式发送的请求参数,请求参数会被保存到请求报文的请求体传输到服务器
* }).then(response=>{
* console.log(response.data);
* }
*/
var vue = new Vue({
el:"#app",
methods:{
testAjax() {
axios.post(
"/SpringMVC/test/ajax?id=1001",
{username: "admin", password: "123456"}
).then(response => {//此response封装了服务器响应过来的结果,封装到了response.data属性中
console.log(response.data)//将其中的数据以日志的形式输出到控制台
});
},
testRequestBody(){
axios.post(//axios里写的是键值对,get和post方式写的是参数,当前要把json格式的参数放到请求体传输到服务器,
// get请求方式没有请求体,所以不用axios.get
"/SpringMVC/test/RequestBody/json",
{username:"admin",password:"123456",age:23,gender:"男"}
).then(response=>{//then:请求成功要执行的函数,catch:请求失败要执行的函数
console.log(response.data)
})
},
testResponseBody(){
axios.post("/SpringMVC/test/ResponseBody/json").then(response=>{
console.log(response.data);//将响应回来的结果输出到当前浏览器控制台
});
}
}
});
</script>
</body>
</html>
@Controller
public class TestAjaxController {
@RequestMapping("/test/ajax")
public void testAjax(Integer id, @RequestBody String requestBody, HttpServletResponse response) throws IOException {
//现在要处理的是ajax请求,ajax在页面不刷新的情况下与服务器进行交互,ajax就是专门实现局部刷新
//在服务器中不能以转发和重定向作为结果
System.out.println("requesBody"+requestBody);
System.out.println("id"+id);
response.getWriter().write("hello,axious");
}
//@RequestMapping("/test/RequestBody/json")
public void testRequestBody(@RequestBody User user, HttpServletResponse response) throws IOException{
System.out.println(user);
response.getWriter().equals("hello,RequestBody");//将请求体json格式转换到java对象
}
@RequestMapping("/test/RequestBody/json")
public void testRequestBody(@RequestBody Map<String,Object> map, HttpServletResponse response) throws IOException{
System.out.println(map);
response.getWriter().equals("hello,RequestBody");//将请求体json格式转换到java对象
}
}
9.3、@ResponseBody
@ResponseBody用于标识一个控制器方法,可以将该方法的返回值直接作为响应报文的响应体响应到
浏览器
@RequestMapping("/testResponseBody")
public String testResponseBody(){
//此时会跳转到逻辑视图success所对应的页面
return "success";
}
@RequestMapping("/testResponseBody")
@ResponseBody
public String testResponseBody(){
//此时响应浏览器数据success
return "success";
}
9.4、@ResponseBody响应浏览器json数据
服务器处理ajax请求之后,大多数情况都需要向浏览器响应一个java对象,此时必须将java对象转换为
json字符串才可以响应到浏览器,之前我们使用操作json数据的jar包gson或jackson将java对象转换为
json字符串。在SpringMVC中,我们可以直接使用@ResponseBody注解实现此功能
@ResponseBody响应浏览器json数据的条件:
1、导入jackson的依赖
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.12.1</version>
</dependency>
2、SpringMVC的配置文件中设置开启mvc的注解驱动
<!--开启mvc的注解驱动-->
<mvc:annotation-driven/>
3、使用@ResponseBody注解标识控制器方法,在方法中,将需要转换为json字符串并响应到浏览器
的java对象作为控制器方法的返回值,此时SpringMVC就可以将此对象直接转换为json字符串并响应到
浏览器
//响应浏览器list集合
@RequestMapping("/test/ResponseBody/json")
@ResponseBody
public List<User> testResponseBody(){
User user1 = new User(1001,"admin1","123456",23,"男");
User user2 = new User(1002,"admin2","123456",23,"男");
User user3 = new User(1003,"admin3","123456",23,"男");
List<User> list = Arrays.asList(user1, user2, user3);
return list;
}
//响应浏览器map集合
@RequestMapping("/test/ResponseBody/json")
@ResponseBody
public Map<String, Object> testResponseBody(){
User user1 = new User(1001,"admin1","123456",23,"男");
User user2 = new User(1002,"admin2","123456",23,"男");
User user3 = new User(1003,"admin3","123456",23,"男");
Map<String, Object> map = new HashMap<>();
map.put("1001", user1);
map.put("1002", user2);
map.put("1003", user3);
return map;
}
//响应浏览器实体类对象
@RequestMapping("/test/ResponseBody/json")
@ResponseBody
public User testResponseBody(){
return user;
}
//测试@ResponseBody注解响应浏览器数据
@RequestMapping("/test/ResponseBody")
@ResponseBody
public String testResponseBody(){
return "success";
}
在index.html中加入:
<a th:href="@{/test/ResponseBody}">测试@ResponseBody注解响应浏览器数据</a><br>
<input type="button" value="使用@ResponseBody注解响应json格式的数据" @click="testResponseBody()"><br>
总结:
- 1.@RequestBody:将请求体中的内容和控制器方法的形参进行绑定
- 2.使用@RequestBody注解将json格式的请求参数转换为java对象
- a>导入jackson的依赖
- b>在SpringMVC的配置文件中设置mvc:annotation-driven/
- c>在处理请求的控制器方法的形参位置,直接设置json格式的请求参数要转换的java类型的形参,使用@RequestBody注解标识即可
- 3.@ResponseBody:将所标识的控制器方法的返回值作为响应报文的响应体响应浏览器
- 4.使用@ResponseBody注解响应浏览器json格式的数据
- a>导入jackson的依赖
- b>在SpringMVC的配置文件中设置mvc:annotation-driven/
- c>将需要转换为json字符串的java对象直接作为控制器方法的返回值,使用@ResponseBody注解标识控制方法
- 就可以将java对象直接转换为json字符串,并响应到浏览器
- 常用的Java对象转换为json的结果
- 实体类–>json对象
- map–>json对象
- list–>json数组
9.5、@RestController注解
@RestController注解是springMVC提供的一个复合注解,标识在控制器的类上,就相当于为类添加了
@Controller注解,并且为其中的每个方法添加了@ResponseBody注解