当前位置：首页 > news >正文

SpringMVC处理ajax请求

news 2025/9/15 11:08:36

@RequestBody

@RequestBody:将请求体中的内容和控制器方法的形参进行绑定。

使用@RequestBody注解将json格式请求参数转换为java对象。

条件：1. 导入jackson依赖 (默认调用jackson功能实现的)
2. 在springmvc的配置文件中设置开启<mvc:annotation-driven/>
3. 在处理请求控制器方法的形参位置，直接设置json格式的请求参数
要转换的json类型的形参，使用@RequestBody注解标识即可。

处理普通参数

html

<input type="button" value="测试处理ajax" @click="testAjax()"><br><script type="text/javascript">let vue = new Vue({el:"#app",methods:{testAjax(){axios.post("/SpringMVC/test/ajax?id=1001",{username:"admin",password:"123456"}).then(response=>{console.log(response.data);});},}});
</script>

controller

    @RequestMapping("/test/ajax")public void testAjax(@RequestBody String requestBody) throws IOException {System.out.println("requestBody"+requestBody);}

json格式

html

<input type="button" value="使用@RequestBody注解处理json格式请求参数" @click="testRequestBody"><script type="text/javascript">let vue = new Vue({el:"#app",methods:{testRequestBody(){axios.post("/SpringMVC/test/RequestBody/json",{username:"admin",password:"123456",age:23,gender:"男"}).then(response=>{console.log(response.data);});},}});
</script>

controller

    @RequestMapping("/test/RequestBody/json")public void testRequestBody(@RequestBody User user){System.out.println("user="+user);}

@ResponseBody

@RequestBody：将所标识控制器方法的返回值作为响应报文的响应体响应到浏览器。

使用@RequestBody注解响应浏览器json格式的数据。

~ 条件：1. 导入jackson依赖 (默认调用jackson功能实现的)
2. 在springmvc的配置文件中设置开启<mvc:annotation-driven/>
3. 将需要转换为json字符串的java对象直接作为控制器方法的返回值，
在使用@RespouseBody注解标识控制器方法就可以将java对象
直接转换为json字符串，并响应到浏览器。
~常用的java对象转换为json的结果：
实体类 ---> json对象
map-->json对象
list --> json数组

html

<input type="button" value="使用@RespouseBody注解响应json格式给浏览器" @click="testResponseBody()"><script type="text/javascript">let vue = new Vue({el:"#app",methods:{testResponseBody(){axios.post("/SpringMVC/test/ResponseBody/json").then(response=>{console.log(response.data);});},}})

controller

    @RequestMapping("/test/ResponseBody/json")@ResponseBodypublic User testResponseBodyJson(){User user=new User(1001,"admin","12345",20,"男");return user;}