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也要随之改变。

相关推荐
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ24 分钟前
如何使用Java WebSocket API实现客户端和服务器端的通信?
java·开发语言·websocket
是小崔啊37 分钟前
tomcat源码02 - 理解Tomcat架构设计
java·tomcat
没有bug.的程序员1 小时前
JAVA面试宝典 -《安全攻防:从 SQL 注入到 JWT 鉴权》
java·安全·面试
栈溢出了1 小时前
MyBatis实现分页查询-苍穹外卖笔记
java·笔记·mybatis
morningcat20181 小时前
java17 gc笔记
java·jvm·笔记
1 小时前
Unity开发中常用的洗牌算法
java·算法·unity·游戏引擎·游戏开发
Your易元2 小时前
设计模式-模板方法模式
java·设计模式·模板方法模式
risc1234562 小时前
Elasticsearch 线程池
java·大数据·elasticsearch
Linn3 小时前
Spring WebSocket 服务实现的主流方案与最佳实践
spring boot·后端·spring
NE_STOP3 小时前
SpringBoot--如何整体读取多个配置属性及其相关操作
java·spring