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

后端接收请求中的参数

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;
    }
}
相关推荐
重阳微噪8 小时前
受够了空格翻页?我写了一个 Chrome 自动滚动插件,让你真正沉浸式阅读
前端
Awu12278 小时前
🍎用 pretext 搞定输入框动态宽度:一个困扰了我三天的 CSS 问题
前端
萑澈8 小时前
我用 Cloudflare 搭了一个 FlashInbox 临时邮箱
前端·next.js
慕斯fuafua8 小时前
CSS——盒模型
前端·css
嗜好ya8 小时前
解决 Vite 项目中 import.meta.env 变量为 undefined 的问题
前端·javascript·vue.js
Mapmost8 小时前
Mapmost专题地图:解锁这场春游“热”
前端
心连欣8 小时前
JS算法入门:图解“冒泡排序”,彻底搞懂双重循环的奥义
前端·javascript
suedar8 小时前
React 16 + TDesign Table 卡死问题深度复盘
前端
浩星9 小时前
「Vue3 + Cesium 最佳实践」完整工程化方案
前端·javascript·vue.js