SpringMVC处理ajax请求

@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

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

• 使用@ReponseBody注解响应浏览器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")
    @ResponseBody
    public User testResponseBodyJson(){
        User user=new User(1001,"admin","12345",20,"男");
        return user;
    }     

@RestController注解

• @RestController注解是springMVC提供的一个复合注解，标识在控制器的类上，就相当于为类添加

• @Controller注解，并且为其中的每个方法添加了@ResponseBody注解。