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

后端接收请求中的参数

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;
    }
}
相关推荐
牧羊狼的狼4 小时前
React 中的 HOC 和 Hooks
前端·javascript·react.js·hooks·高阶组件·hoc
知识分享小能手5 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
魔云连洲5 小时前
深入解析:Vue与React的异步批处理更新机制
前端·vue.js·react.js
mCell6 小时前
JavaScript 的多线程能力:Worker
前端·javascript·浏览器
超级无敌攻城狮8 小时前
3 分钟学会!波浪文字动画超详细教程,从 0 到 1 实现「思考中 / 加载中」高级效果
前端
excel8 小时前
用 TensorFlow.js Node 实现猫图像识别(教学版逐步分解)
前端
阿里嘎多哈基米8 小时前
SQL 层面行转列
数据库·sql·状态模式·mapper·行转列
gnip9 小时前
JavaScript事件流
前端·javascript
赵得C9 小时前
【前端技巧】Element Table 列标题如何优雅添加 Tooltip 提示?
前端·elementui·vue·table组件
wow_DG9 小时前
【Vue2 ✨】Vue2 入门之旅 · 进阶篇(一):响应式原理
前端·javascript·vue.js