SpringMVC处理ajax请求(@RequestBody注解),ajax向后端传递的数据格式详解

目录

@RequestBody注解简单介绍

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

Servlet方式处理ajax请求


本文讲解两种方式实现SpringMVC与Ajax交互,1、通过SpringMVC提供的注解@RequestBody处理ajax请求;2、通过JavaEE时期的Servlet来处理

@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获取json格式的请求参数

在使用ajax时发送的数据必须是json字符串

创建一个user实体类对象

复制代码
//将json格式的数据转换为实体类对象
@RequestMapping("/test/RequestBody/json")
public void testRequestBody(@RequestBody User user, HttpServletResponse response) throws IOException, IOException {
    System.out.println(user);
//User{id=null, username='admin', password='123456', age=null, gender='null'}
    response.getWriter().print("hello,axios");
}

前端ajax格式:

复制代码
$.ajax({
  url: 'test/RequestBody/json',
  type: 'POST',
  contentType: 'application/json', // 设置内容类型
  //必须是json字符串
  data: '{"username": "admin", "password":"123456"}' ,//JSON.stringify(data), // 将数据转换为JSON字符串
  dataType: 'text', // 指定预期的服务器响应数据类型也为JSON
  success: function(response) {
    alert(response);
  },
  error: function(xhr, status, error) {
    console.error('Error:', error);
  }
});

Servlet方式处理ajax请求

不用加上@RequestBody注解

复制代码
@RequestMapping("/test/RequestOOBody/json")
public void testRequestBody(User user, HttpServletResponse response) throws IOException, IOException {
    System.out.println(user);
    //User{id=null, username='admin', password='123456', age=null, gender='null'}
    response.getWriter().print("hello,axios");
}

前端

复制代码
$.ajax({
  url: 'test/RequestOOBody/json',
  type: 'POST',
  contentType: 'application/x-www-form-urlencoded', // 设置内容类型
  data: "username=shang&password=123456" ,
  dataType: 'text', // 指定预期的服务器响应数据类型也为JSON
  success: function(response) {
    alert(response);
  },
  error: function(xhr, status, error) {
    console.error('Error:', error);
  }
});

这两种方式的区别在前端ajax请求时数据的类型要求,使用SpringMVC注解方式就必须传json字符串形式的数据。传统JavaEE方式就是&连接的字符串,contentType也要随之改变。

相关推荐
考虑考虑41 分钟前
JDK9中的dropWhile
java·后端·java ee
想躺平的咸鱼干1 小时前
Volatile解决指令重排和单例模式
java·开发语言·单例模式·线程·并发编程
hqxstudying1 小时前
java依赖注入方法
java·spring·log4j·ioc·依赖
·云扬·1 小时前
【Java源码阅读系列37】深度解读Java BufferedReader 源码
java·开发语言
春生野草2 小时前
关于SpringMVC的整理
spring
Bug退退退1232 小时前
RabbitMQ 高级特性之重试机制
java·分布式·spring·rabbitmq
小皮侠2 小时前
nginx的使用
java·运维·服务器·前端·git·nginx·github
Zz_waiting.3 小时前
Javaweb - 10.4 ServletConfig 和 ServletContext
java·开发语言·前端·servlet·servletconfig·servletcontext·域对象
全栈凯哥3 小时前
02.SpringBoot常用Utils工具类详解
java·spring boot·后端
兮动人3 小时前
获取终端外网IP地址
java·网络·网络协议·tcp/ip·获取终端外网ip地址