后端如何接收前端发出的请求中的参数?

后端接收请求中的参数

1.将参数接收到后端的实体类中

1.1如果前端发出的参数在URL中

如果前端发出的参数在URL中,你可以使用 @ModelAttribute 注解。这样可以将请求中的参数自动绑定到实体类上。

前端发出的请求

GET /users?name=Alice&age=30

你的实体类

java 复制代码
public class User {
    private String name;
    private int age;

    // Getter 和 Setter
}

你的Controller

java 复制代码
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/users")
public class UserController {

    @GetMapping
    public String getUser(@ModelAttribute User user) {
        // 处理用户
        return "User received: " + user.getName() + ", Age: " + user.getAge();
    }
}

1.2如果前端发出的参数在请求体中

如果前端发出的参数在请求体中,并且请求体中包含与后端实体类属性相对应的数据时,可以使用 @RequestBody 注解来直接将请求体映射到实体类。
前端发出的请求

java 复制代码
POST /users
Content-Type: application/json

{
    "name": "Alice",
    "age": 30
}

你的实体类

java 复制代码
public class User {
    private String name;
    private int age;

    // Getter 和 Setter
}

你的Controller

java 复制代码
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/users")
public class UserController {

    @PostMapping
    public String createUser(@RequestBody User user) {
        // 处理用户
        return "User created: " + user.getName() + ", Age: " + user.getAge();
    }
}

2.将URL中的单个参数绑定到后端的单个参数中

说明 :使用 @RequestParam,你可以将URL中的单个参数直接绑定到后端方法的单个参数中。如果参数名称与请求参数名称不匹配,可以通过 name 属性指定。

前端发出的请求

/users?name=Alice&age=30

你的Controller

java 复制代码
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/users")
public class UserController {

    @GetMapping
    public String getUserInfo(@RequestParam("name") String name, @RequestParam("age") int age) {
        // 处理单个参数
        return "User info: " + name + ", Age: " + age;
    }
}
相关推荐
昔人'20 分钟前
`corepack` 安装pnpm
前端·pnpm·node·corepack
萌萌哒草头将军23 分钟前
pnpm + monorepo 才是 AI 协同开发的最佳方案!🚀🚀🚀
前端·react.js·ai编程
hboot1 小时前
💪别再迷茫!一份让你彻底掌控 TypeScript 类型系统的终极指南
前端·typescript
GISer_Jing1 小时前
深入拆解Taro框架多端适配原理
前端·javascript·taro
毕设源码-邱学长2 小时前
【开题答辩全过程】以 基于VUE的藏品管理系统的设计与实现为例,包含答辩的问题和答案
前端·javascript·vue.js
用户28907942162713 小时前
Spec-Kit应用指南
前端
酸菜土狗3 小时前
🔥 手写 Vue 自定义指令:实现内容区拖拽调整大小(超实用)
前端
ohyeah3 小时前
深入理解 React Hooks:useState 与 useEffect 的核心原理与最佳实践
前端·react.js
Cache技术分享3 小时前
275. Java Stream API - flatMap 操作:展开一对多的关系,拉平你的流!
前端·后端
apollo_qwe3 小时前
前端缓存深度解析:从基础到进阶的实现方式与实践指南
前端