Controller中接收数组参数 post请求中在body中传+post请求中通过表单形式传(x-www-form-urlencoded)

1、场景

需要根据用户id集合批量删除用户数据,前端使用post请求,controller中参数接收数组参数并根据用户id删除用户基本信息

2、分析处理:
2.1、前端请求类型contentType:application/json

请求体中为json字符串,后端新建一个UserDTO(用户数据传输类),用于接收前端json参数。

复制代码
    在controller参数体中直接使用@RequestBody UserDTO userDTO即可将前端数组自动转化为userDTO中对应的属性

前端请求及后端返回值:

controller

userDTO中需要包含name、ids属性,如下:

2.2、前端请求类型contentType:application/x-www-form-urlencoded(form表单提交)

需要注意的是,上图中不是选择的form-data (这是get请求通过表单形式提交应该选择的)
controller

实例代码:

** 实战 :后台使用:@RequestParam("userId") Long userId 这种的,前台该怎么传参**

java 复制代码
后端代码:

   //获取用户信息 通过id
    @GetMapping("/getUserById")
    @Operation(method = "GET", summary = "根据id查询用户信息")
    public Result<UserResVO> getUserInfoById(@RequestParam("userId") Long userId) {
        if (ObjectUtil.isEmpty(userId)) {
            return Result.fail(Constant.ErrorCode, "用户id不能为空");
        }
        return userService.getUserInfoById(userId);
    }
javascript 复制代码
Vue
前段js代码-定义方法
// 结算单详情
export function getUserInfoById(id) {
  return request({
    url: '/User/getUserById',
    method: 'get',
    params: {userId: id},
  });
}


//前端vue中的写法--引用方法
import {getUserInfoById} from  user.js

//使用:
function getUserDetail() {
  getUserInfoById(detailId.value).then((res) => {
    detailOb.value = res.data;
    。。。。。。
	}

实战:后台使用:@PathVariable(name="userId") Long userId 这种的,前台该怎么传参

参考:
Controller中接收数组参数

相关推荐
普if加的帕几秒前
java Springboot使用扣子Coze实现实时音频对话智能客服
java·开发语言·人工智能·spring boot·实时音视频·智能客服
爱喝一杯白开水14 分钟前
SpringMVC从入门到上手-全面讲解SpringMVC的使用.
java·spring·springmvc
王景程23 分钟前
如何测试短信接口
java·服务器·前端
zhang23839061541 小时前
IDEA add gitlab account 提示
java·gitlab·intellij-idea·idea
牛马baby2 小时前
Java高频面试之并发编程-07
java·开发语言·面试
卓怡学长2 小时前
w304基于HTML5的民谣网站的设计与实现
java·前端·数据库·spring boot·spring·html5
YONG823_API2 小时前
深度探究获取淘宝商品数据的途径|API接口|批量自动化采集商品数据
java·前端·自动化
yzhSWJ2 小时前
Spring Boot中自定义404异常处理问题学习笔记
java·javascript
盖世英雄酱581362 小时前
分布式ID所有生成方案
java·后端
敖云岚3 小时前
【AI】SpringAI 第五弹:接入千帆大模型
java·大数据·人工智能·spring boot·后端