SpringMVC ajax请求的处理方法介绍

Ajax即异步的 JavaScript和XML,是一种无需重新加载整个网页的情况下,能够更新部分模块的网页技术,下面这篇文章主要给大家介绍了关于SpringMVC Ajax请求的处理,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

目录

• 准备工作
• 一、@RequestBody
• 二、@RequestBody获取json格式的请求参数
• 三、@ResponseBody
• 四、@ResponseBody响应浏览器json数据
• 五、@RestController注解

准备工作

①创建maven工程

②添加相关依赖，和添加web模块

③配置web.xml，如配置处理1.编码过滤器，2.请求方式的过滤器，3.前端控制器

④创建springmvc.xml，并进行配置

⑤创建控制层controller

一、@RequestBody

index.html

      axios({
            url:"",//请求路径
            method:"",//请求方式
            //以name=value&name=value的方式发送的请求参数
            //不管使用的请求方式是get或post，请求参数都会被拼接到请求地址后
            //此种方式的请求参数可以通过request.getParameter()获取
            params:{},
            //以json格式发送的请求参数
            //请求参数会被保存到请求报文的请求体传输到服务器
            //此种方式的请求参数不可以通过request.getParameter()获取
            data:{}
       }).then(response=>{
            console.log(response.data);
       });

<div id="app">
    <h1>index.html</h1>
    <input type="button" value="测试SpringMVC处理ajax" @click="testAjax()">
</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">
    var 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>

没有ajax就只能使用超链接和form表单跟后端交互数据，很不方便而且很多功能实现不了

@RequestBody可以获取请求体信息，使用@RequestBody注解标识控制器方法的形参，当前请求的请求体就会为当前注解所标识的形参赋值

注：

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

    @RequestMapping("/test/ajax")
    public void testAjax(Integer id, @RequestBody String requestBody, HttpServletResponse response) throws IOException {
        System.out.println("requestBody:" + requestBody);
        System.out.println("id:" + id);
        response.getWriter().write("hello,axios");
    }

二、@RequestBody获取json格式的请求参数

index.html

<input type="button" value="使用@RequestBody注解处理json格式的请求参数" @click="testRequestBody()">

在使用了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对象

            testRequestBody() {
                axios.post(
                    "/SpringMVC/test/RequestBody/json",
                    {username:"admin",password:"123456",age:23,gender:"男"}
                ).then(response=>{
                    console.log(response.data);
                });
            }

然后来控制层处理一下

注：使用@RequestBody获取json格式的请求参数的条件：

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

a>导入jackson的依赖

b>在SpringMVC的配置文件中设置<mvc:annotation-driven/>

c>在处理请求的控制器方法的形参位置，直接设置json格式的请求参数要转换的java类型的形参，使用@RequestBody注解标识即可

jackson依赖

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.12.1</version>
        </dependency>

开启注解驱动

<mvc:annotation-driven />

方式一：接收成实体类

    @RequestMapping("/test/RequestBody/json")
    public void testRequestBody(@RequestBody User user, HttpServletResponse response) throws IOException {
        System.out.println(user);
        response.getWriter().write("hello,RequestBody");
    }

方式二：接收成map集合

    @RequestMapping("/test/RequestBody/json")
    public void testRequestBody(@RequestBody Map<String,Object> map, HttpServletResponse response) throws IOException {
        System.out.println(map);
        response.getWriter().write("hello,RequestBody");
    }

三、@ResponseBody

@ResponseBody用于标识一个控制器方法，可以将该方法的返回值直接作为响应报文的响应体响应到浏览器

<a th:href="@{/test/ResponseBody}" rel="external nofollow" >测试@ResponseBody注解响应浏览器数据</a>

    @RequestMapping("/test/ResponseBody")
    @ResponseBody
    public String testResponseBody() {
        return "success";
    }

四、@ResponseBody响应浏览器json数据

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

a>导入jackson的依赖

b>在SpringMVC的配置文件中设置<mvc:annotation-driven/>

c>将需要转换成json字符串的java对象直接作为控制器方法的返回值，使用@ResponseBody注解来标识控制器方法就可以将java对象直接转换为json字符串，并响应到浏览器

实体类-->json对象

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

map-->json对象

    @RequestMapping("/test/ResponseBody/json")
    @ResponseBody
    public Map<String,Object> testResponseBodyJson() {
        User user1 = new User(1001,"admin1","123456",20,"男");
        User user2 = new User(1001,"admin2","123456",20,"男");
        User user3 = new User(1001,"admin3","123456",20,"男");
        Map<String,Object> map = new HashMap<>();
        map.put("1001",user1);
        map.put("1002",user2);
        map.put("1003",user3);
        return map;
    }

list-->json数组

    @RequestMapping("/test/ResponseBody/json")
    @ResponseBody
    public List<User> testResponseBodyJson() {
        User user1 = new User(1001,"admin1","123456",20,"男");
        User user2 = new User(1001,"admin2","123456",20,"男");
        User user3 = new User(1001,"admin3","123456",20,"男");
        List<User> list = Arrays.asList(user1, user2, user3);
        return list;
    }

常用的Java对象转换为json的结果：

实体类-->json对象

map-->json对象

list-->json数组

五、@RestController注解

@RestController注解是springMVC提供的一个复合注解，标识在控制器的类上，就相当于为类添加了 @Controller注解，并且为其中的每个方法添加了@ResponseBody注解

到此这篇关于SpringMVC ajax请求的处理方法介绍的文章就介绍到这了,更多相关SpringMVC ajax请求内容请搜索北冥有鱼以前的文章或继续浏览下面的相关文章希望大家以后多多支持北冥有鱼！