• SpringMVC处理ajax请求

    目录

    ⚪准备工作

    ⭐axios回顾  

    1.axios中文文档

    2.实例方法

    一、测试SpringMVC处理ajax请求 

    二、@RequestBody

    三、使用@RequestBody获取json格式的请求参数

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

    1.导入Jackson的依赖

    2.在SpringMVC的配置文件中设置开启MVC的注解驱动

    3.在处理请求的控制器方法的形参位置，直接设置json格式的请求参数要转换的Java类型的形参

    三、@ResponseBody

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

    1.导入Jackson的依赖

    2.在SpringMVC的配置文件中设置开启MVC的注解驱动

    3.使用@ResponseBody注解标识控制器方法，在方法中，将需要转换为json字符串并响应到浏览器的java对象作为控制器方法的返回值，此时SpringMVC就可以将此对象直接转换为json字符串并响应到浏览器

    ⚪常见的Java对象转换为json的结果

    五、@RestController注解

    ⚪准备工作

    配置web.xml

    1. "1.0" encoding="UTF-8"?>
    2. <beans xmlns="http://www.springframework.org/schema/beans"
    3.        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    4.        xmlns:context="http://www.springframework.org/schema/context"
    5.        xmlns:mvc="http://www.springframework.org/schema/mvc"
    6.        xsi:schemaLocation="http://www.springframework.org/schema/beans
    7.        http://www.springframework.org/schema/beans/spring-beans-4.2.xsd
    8.        http://www.springframework.org/schema/mvc
    9.        http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsd
    10.        http://www.springframework.org/schema/context
    11.        http://www.springframework.org/schema/context/spring-context-4.2.xsd">
    12.  
    13.     
    14.     <context:component-scan base-package="com.atguigu.controller">context:component-scan>
    15.     
    16.     <bean id="viewResolver"
    17.           class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
    18.         <property name="order" value="1"/>
    19.         <property name="characterEncoding" value="UTF-8"/>
    20.         <property name="templateEngine">
    21.             <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
    22.                 <property name="templateResolver">
    23.                     <bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
    24.                         
    25.                         
    26.                         
    27.                         
    28.                         <property name="prefix" value="/WEB-INF/templates/"/>
    29.                         
    30.                         <property name="suffix" value=".html"/>
    31.                         <property name="templateMode" value="HTML5"/>
    32.                         <property name="characterEncoding" value="UTF-8" />
    33.                     bean>
    34.                 property>
    35.             bean>
    36.         property>
    37.     bean>
    38.  
    39.     
    40.     <mvc:default-servlet-handler/>
    41.  
    42.     
    43.     <mvc:annotation-driven/>
    44.  
    45.     
    46.     <mvc:view-controller path="/" view-name="index">mvc:view-controller>
    47. beans>

    创建控制层

    1. package com.atguigu.controller;
    2.  
    3. import org.springframework.stereotype.Controller;
    4.  
    5. @Controller
    6. public class TestAjaxController {
    7. }

    创建首页

    1. html>
    2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>首页title>
    6. head>
    7. <body>
    8.  
    9.     <div id="app">
    10.         <h1>index.htmlh1>
    11.         <input type="button" value="测试SpringMVC处理ajax请求" @click="testAjax()">
    12.     div>
    13.  
    14.     <script type="text/javascript" th:src="@{/js/vue.js}">script>
    15.     <script type="text/javascript" th:src="@{/js/axios.miin.js}">script>
    16.     <script type="text/javascript">
    17.         /**
    18.          * axios({
    19.                url:"",      请求路径
    20.                method:"",   请求方式
    21.                params:{},
    22.                  以 name=value&name=value方式发送的请求参数
    23.                  不管使用的请求方式是get还是post，请求参数都会被拼接到请求地址后
    24.                  此种方式的请求参数可以通过request.getParameter()获取
    25.                data:{}
    26.                  以json格式发送的请求参数
    27.                  请求参数会被保存到请求报文的请求体传输到服务器（get没有请求体）
    28.                  此种方式的请求参数不可以通过request.getParameter()获取
    29.            }).then(response=>{
    30.                console.log(response.data);
    31.            });
    32.           */
    33.         var vue = new Vue({
    34.             el:"#app",
    35.             methods:{
    36.                 testAjax(){
    37.                     axios.post("");
    38.                 }
    39.             }
    40.         });
    41.     script>
    42. body>
    43. html>

    项目目录

    ⭐axios回顾  

    1.axios中文文档

    axios中文文档|axios中文网 | axios (axios-js.com)

    2.实例方法

    一、测试SpringMVC处理ajax请求 

    1. html>
    2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>首页title>
    6. head>
    7. <body>
    8.     <div id="app">
    9.         <h1>index.htmlh1>
    10.         <input type="button" value="测试SpringMVC处理ajax请求" @click="testAjax()">
    11.     div>
    12.     <script type="text/javascript" th:src="@{/js/vue.js}">script>
    13.     <script type="text/javascript" th:src="@{/js/axios.min.js}">script>
    14.     <script type="text/javascript">
    15.         var vue = new Vue({
    16.             el:"#app",
    17.             methods:{
    18.                 testAjax(){
    19.                     axios.post(
    20.                         "/SpringMVC/test/ajax?id=1001",
    21.                         {username:"admin",password:"123456"}
    22.                     ).then(response=>{
    23.                         console.log(response.data)
    24.                     });
    25.                 }
    26.             }
    27.         });
    28.     script>
    29. body>
    30. html>
    1. import org.springframework.stereotype.Controller;
    2. import org.springframework.web.bind.annotation.RequestMapping;
    3.  
    4. import javax.servlet.http.HttpServletResponse;
    5. import java.io.IOException;
    6.  
    7. @Controller
    8. public class TestAjaxController {
    9.     @RequestMapping("/test/ajax")
    10.     public void testAjax(Integer id, HttpServletResponse response) throws IOException {
    11.         System.out.println("id :" + id);
    12.         response.getWriter().write("hello,axios");
    13.     }
    14. }

    二、@RequestBody

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

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

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

    三、使用@RequestBody获取json格式的请求参数

    在使用了axios发送ajax请求之后，浏览器发送到服务器的请求参数有两种格式：

    • name=value&name=value...，此时的请求参数可以通过request.getParameter()获取，对应 SpringMVC中，可以直接通过控制器方法的形参获取此类请求参数
    • {key:value,key:value,...}，此时无法通过request.getParameter()获取，之前我们使用操作 json的相关jar包gson或jackson处理此类请求参数，可以将其转换为指定的实体类对象或map集合。在SpringMVC中，直接使用@RequestBody注解标识控制器方法的形参即可将此类请求参数转换为java对象

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

    1.导入Jackson的依赖

    （在pom.xml中）

    1. <dependency>
    2.     <groupId>com.fasterxml.jackson.coregroupId>
    3.     <artifactId>jackson-databindartifactId>
    4.     <version>2.11.3version>
    5. dependency>

    2.在SpringMVC的配置文件中设置开启MVC的注解驱动

    <mvc:annotation-driven/>

    3.在处理请求的控制器方法的形参位置，直接设置json格式的请求参数要转换的Java类型的形参

    使用 @RequestBody注解标识即可

    ⚪创建实体类User

    1. package com.atguigu.pojo;
    2.  
    3. public class User {
    4.     private Integer id;
    5.     private String username;
    6.     private String password;
    7.     private Integer age;
    8.     private String gender;
    9.  
    10.     public User() {
    11.     }
    12.  
    13.     public User(Integer id, String username, String password, Integer age, String gender) {
    14.         this.id = id;
    15.         this.username = username;
    16.         this.password = password;
    17.         this.age = age;
    18.         this.gender = gender;
    19.     }
    20.  
    21.     public Integer getId() {
    22.         return id;
    23.     }
    24.  
    25.     public void setId(Integer id) {
    26.         this.id = id;
    27.     }
    28.  
    29.     public String getUsername() {
    30.         return username;
    31.     }
    32.  
    33.     public void setUsername(String username) {
    34.         this.username = username;
    35.     }
    36.  
    37.     public String getPassword() {
    38.         return password;
    39.     }
    40.  
    41.     public void setPassword(String password) {
    42.         this.password = password;
    43.     }
    44.  
    45.     public Integer getAge() {
    46.         return age;
    47.     }
    48.  
    49.     public void setAge(Integer age) {
    50.         this.age = age;
    51.     }
    52.  
    53.     public String getGender() {
    54.         return gender;
    55.     }
    56.  
    57.     public void setGender(String gender) {
    58.         this.gender = gender;
    59.     }
    60.  
    61.     @Override
    62.     public String toString() {
    63.         return "User{" +
    64.                 "id=" + id +
    65.                 ", username='" + username + '\'' +
    66.                 ", password='" + password + '\'' +
    67.                 ", age=" + age +
    68.                 ", gender='" + gender + '\'' +
    69.                 '}';
    70.     }
    71. }

    ⚪控制器方法

    1. @RequestMapping("/test/RequestBody/json")
    2. public void testRequestBody(@RequestBody User user,HttpServletResponse response) throws IOException {
    3.     System.out.println(user);
    4.     response.getWriter().write("hello.RequestBody");
    5. }
    6. @RequestMapping("/test/RequestBody/json")
    7. public void testRequestBody(@RequestBody Map map, HttpServletResponse response) throws IOException {
    8.     System.out.println(map);
    9.     response.getWriter().write("hello.RequestBody");
    10. }

    三、@ResponseBody

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

    <a th:href="@{/test/ResponseBody}">测试@ResponseBody注解响应浏览器数据a><br>
    1. @RequestMapping("/test/ResponseBody")
    2. @ResponseBody
    3. public String testResponseBody(){
    4.     return "success";
    5. }

     

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

    1.导入Jackson的依赖

    （在pom.xml中）

    1. <dependency>
    2.     <groupId>com.fasterxml.jackson.coregroupId>
    3.     <artifactId>jackson-databindartifactId>
    4.     <version>2.11.3version>
    5. dependency>

    2.在SpringMVC的配置文件中设置开启MVC的注解驱动

    <mvc:annotation-driven/>

    3.使用@ResponseBody注解标识控制器方法，在方法中，将需要转换为json字符串并响应到浏览器的java对象作为控制器方法的返回值，此时SpringMVC就可以将此对象直接转换为json字符串并响应到浏览器

    <input type="button" value="使用@ResponseBody注解响应json格式的数据" @click="testResponseBody()">
    1. testResponseBody(){
    2.     axios.post(
    3.         "/SpringMVC/test/ResponseBody/json"
    4.     ).then(response=>{
    5.         console.log(response.data);
    6.     });
    7. }

    响应不同的数据： 

    1. public User testResponseBodyJson(){
    2.     User user = new User(1001, "admin", "123456", 20, "男");
    3.     return user;
    4. }
    1. @RequestMapping("/test/ResponseBody/json")
    2. @ResponseBody
    3. public List testResponseBodyJson(){
    4.     User user1 = new User(1001, "admin1", "123456", 20, "男");
    5.     User user2 = new User(1002, "admin2", "123456", 20, "男");
    6.     User user3 = new User(1003, "admin3", "123456", 20, "男");
    7.     List list = Arrays.asList(user1, user2, user3);
    8.     return list;
    9. }
    1. public Map testResponseBodyJson(){
    2.     User user1 = new User(1001, "admin1", "123456", 20, "男");
    3.     User user2 = new User(1002, "admin2", "123456", 20, "男");
    4.     User user3 = new User(1003, "admin3", "123456", 20, "男");
    5.     Map map = new HashMap<>();
    6.     map.put("1001", user1);
    7.     map.put("1002", user2);
    8.     map.put("1003", user3);
    9.     return map;
    10. }

    ⚪常见的Java对象转换为json的结果

    1. 实体类 —— > json对象 
    2. map —— >json 对象
    3. list —— > json数组

    五、@RestController注解

    @RestController注解是springMVC提供的一个复合注解

    标识在控制器的类上

    相当于为类添加了 @Controller注解，并且为其中的每个方法添加了@ResponseBody注解

  • 相关阅读:
    这一篇让你搞定 Flutter 的数据表格
    Python 插入、替换、提取、或删除Excel中的图片
    Kubernetes - Kubernetes详解；安装部署（一）
    自动化测试测试框架封装改造
    一分钟学习数据安全—自主管理身份SSI可验证凭证
    警惕Mallox勒索病毒的最新变种malloxx，您需要知道的预防和恢复方法。
    利用SpringBoot重写黑马旅游网
    ESP32-S3上手开发
    LeetCode 202 快乐数
    5.0、C语言——函数
  • 原文地址：https://blog.csdn.net/m0_52982868/article/details/126321488