首页 > 其他分享 >9. SpringMVC处理ajax请求

9. SpringMVC处理ajax请求

时间:2023-06-21 11:36:10浏览次数:38  
标签:map 浏览器 请求 SpringMVC json RequestBody ResponseBody ajax User

9.1、@RequestBody

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

<!--此时必须使用post请求方式,因为get请求没有请求体-->
<form th:action="@{/test/RequestBody}" method="post">
    用户名:<input type="text" name="username" /><br />
    密码:<input type="password" name="password" /><br />
     <input type="submit" />
</form>
@RequestMapping("/test/RequestBody")
public String testRequestBody(@RequestBody String requestBody){
    System.out.println("requestBody:"+requestBody);
    return "success";
}

输出结果:

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 注解标识

<input
  type="button"
  value="测试@RequestBody获取json格式的请求参数"
  @click="testRequestBody()"
/><br />
<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: {
      testRequestBody() {
        axios
          .post("/SpringMVC/test/RequestBody/json", {
            username: "admin",
            password: "123456",
          })
          .then((response) => {
            console.log(response.data);
          });
      },
    },
  });
</script>
//将json格式的数据转换为map集合
@RequestMapping("/test/RequestBody/json")
public void testRequestBody(@RequestBody Map<String, Object> map,HttpServletResponse response) throws IOException {
    System.out.println(map);
    //{username=admin, password=123456}
    response.getWriter().print("hello,axios");
}
//将json格式的数据转换为实体类对象
@RequestMapping("/test/RequestBody/json")
public void testRequestBody(@RequestBody User user, HttpServletResponseresponse) throws IOException {
    System.out.println(user);
    //User{id=null, username='admin', password='123456', age=null,gender='null'}
    response.getWriter().print("hello,axios");
}

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 字符串并响应到浏览器

<input
  type="button"
  value="测试@ResponseBody响应浏览器json格式的数据"
  @click="testResponseBody()"
/><br />
<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: {
      testResponseBody() {
        axios.post("/SpringMVC/test/ResponseBody/json").then((response) => {
          console.log(response.data);
        });
      },
    },
  });
</script>
//响应浏览器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;
}

9.5、@RestController 注解

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

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

标签:map,浏览器,请求,SpringMVC,json,RequestBody,ResponseBody,ajax,User
From: https://www.cnblogs.com/NorthPoet/p/17495839.html

相关文章

  • 14. SpringMVC执行流程
    14.1、SpringMVC常用组件DispatcherServlet:前端控制器,不需要工程师开发,由框架提供作用:统一处理请求和响应,整个流程控制的中心,由它调用其它组件处理用户的请求HandlerMapping:处理器映射器,不需要工程师开发,由框架提供作用:根据请求的url、method等信息查找Handler,即控制......
  • 13. 注解配置SpringMVC
    使用配置类和注解代替web.xml和SpringMVC配置文件的功能13.1、创建初始化类,代替web.xml在Servlet3.0环境中,容器会在类路径中查找实现javax.servlet.ServletContainerInitializer接口的类,如果找到的话就用它来配置Servlet容器。Spring提供了这个接口的实现,名为SpringServletCo......
  • Prototype和Scriptaculous圣经——《Ajax实战:Prototype与Scriptaculous篇》
    媒体评论“本书全面展示如何使用Prototype和Scriptaculous,让你可以专注于真正重要的事情:实现你的创意!”                  ——ThomasFuchs,Scriptaculous创始人,Wollzelle公司CTO “在Prototype和Scriptaculous方面的图书中,......
  • AJAX
    1.概述‍​AJAX​​(AsynchronousJavaScriptAndXML):异步的JavaScript和XML。‍我们先来说概念中的​JavaScript​和XML​JavaScript​表明该技术和前端相关;​XML​是指以此进行数据交换。1.1作用‍AJAX作用有以下两方面:与服务器进行数据交换:通过A......
  • 3、SpringMVC
    1、简介1.1、mvc 1.2、SpringMVC基于原生的Servlet 2、使用引用......
  • Java类属性第二个字母大写问题,请求参数设置不上,返回参数小写
     其实这个问题几年前就遇到过,也解决了,但是最近又看到项目中有人这么用,就想起来了,写在这里,给自己也给大家提个醒。在Java中,如果类的某个属性第二个字母是大写,比如:nToken,这样的属性一定要自己手动生成getter和setter方法。如果使用lombok的@Data注解,它默认生成的getter和setter......
  • fastadmin 的Http类 请求外部接口携带 Authorization:Bearer token 参数问题
    背景:最近在对接某个系统的支付接口时,接口请求时要求携带token,在请求头header中添加Authorization:Bearer。我使用的框架tp5搭建的fastadmin,里面封装了Http类 出现问题:写法出错,虽然带了参数,但是对方接受不到参数,接口请求验证失败  解决方法:正确的写法代码如下:$info=Ht......
  • SpringMVC中接收前端传递的参数,设置了编码过滤器filter,但在控制台中还是出现乱码问题
    SpringMVC中接收前端传递的参数,设置了编码过滤器filter,但在控制台中还是出现乱码问题。 在SpringMVC中遇到乱码问题不要慌,先配个SpringMVC的自带编码过滤器试试 <filter><filter-name>CharacterEncodingFilter</filter-name><filter-class>org.spr......
  • 6. SpringMVC的视图
    SpringMVC中的视图是View接口,视图的作用渲染数据,将模型Model中的数据展示给用户SpringMVC视图的种类很多,默认有转发视图和重定向视图当工程引入jstl的依赖,转发视图会自动转换为JstlView若使用的视图技术为Thymeleaf,在SpringMVC的配置文件中配置了Thymeleaf的视图......
  • python爬虫学习之定制请求头
    1.在Chrome浏览器中点击右键选择“检查”命令;2.打开后选择Network;3.按下ctrl+r,在其中找到需要请求的网站,单击后选择Headers;4.得到请求头信息为:Host:www.baidu.comReferer:https://www.baidu.com/?tn=98012088_2_dg&ch=7User-Agent:Mozilla/5.0(WindowsNT10.0;WOW64)A......