前端传空格到后端_前端提交对象给后端：不使用前端技术也可以

最新推荐文章于 2024-04-03 10:46:56 发布

weixin_39683526

最新推荐文章于 2024-04-03 10:46:56 发布

阅读量594

点赞数

文章标签：前端传空格到后端

本文链接：https://blog.csdn.net/weixin_39683526/article/details/113367143

版权

不使用Ajax或者vue，前端也可以将对象数据送到后端

1：前端提交字段数据（可以是from，也可以是get请求，只要能将字段数据发送到后端即可）。

2：后端用对象接收数据，在此过程中，框架会自动将请求里的字段名与对象里的字段名进行匹配并赋值。

3：需要注意的是，前端提交的数据字段名与后端对象里的字段名一定得相同。

例：

form表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form</title>
</head>
<body>
    <form action="/test07" method="post">
        name:<input type="text" name="name"><br>
        age:<input type="text" name="age"><br>
        address:<input type="text" name="address"><br>
        <input type="submit" value="submmit">
    </form>
</body>
</html>

controller

@RestController
public class Test07 {
    @PostMapping("/test07")
    public User test(User user){
        System.out.println(user);
        return user;
    }

    @GetMapping("/test08/{name}/{age}/{address}")
    public User test02(User user){
        System.out.println(user);
        return user;
    }
}

结果

post请求

get请求

当然，使用前后端分离的话，前端人员会使用Ajax或vue等技术，且可以达到前后端字段名不一致依然能够传数据的效果（一般而言，为了可读性，即使是前后端分离，同一字段名字依然会一致）

weixin_39683526

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端传空格到后端_前端提交对象给后端：不使用前端技术也可以

不使用Ajax或者vue，前端也可以将对象数据送到后端1：前端提交字段数据（可以是from，也可以是get请求，只要能将字段数据发送到后端即可）。2：后端用对象接收数据，在此过程中，框架会自动将请求里的字段名与对象里的字段名进行匹配并赋值。3：需要注意的是，前端提交的数据字段名与后端对象里的字段名一定得相同。例：form表单<!DOCTYPE html><html lang="...
复制链接

扫一扫