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

后端接收请求中的参数

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;
    }
}
相关推荐
Heidi__10 分钟前
Vue 3 的响应式原理
前端·javascript·vue.js
LinXunFeng19 分钟前
Flutter - Xcode16 还原编译速度
前端·flutter·xcode
夏之小星星20 分钟前
element-ui自制树形穿梭框
前端·javascript·ui·elementui·vue
zhangivon42 分钟前
如何设计灵活可扩展的前端日志解决方案:提升应用稳定性与可观测性
前端
程序员黄同学1 小时前
解释观察者模式,如何实现观察者模式?
前端·算法·观察者模式
观无2 小时前
JWT认证服务
前端·c#·vue
匹马夕阳2 小时前
(一)前端程序员转安卓开发分析和规划建议
android·前端
Monly212 小时前
Vue:Table在点击删除的时候阻止行点击事件
前端·javascript·vue.js
我自纵横20233 小时前
使用 JavaScript 动态设置 CSS 样式
开发语言·前端·javascript·css·html·json·html5
Z编程3 小时前
纯css实现环形进度条
前端·css