前端向后端传入json 后台怎么接收(params呢)

目录

一、使用POJO若前端传递过来的数据刚好和我们的bean实体对象属性一致,则可以使用对象的形式接收。后端实体类

二、使用Map接收后台Controller

三、使用@RequestParams

1,params传参

2.地址拼接传参


当前端传来json数据时,后端有多种方式接收

前端json数据:

复制代码
$.ajax({
    type:"POST",
    url:"",
    data:{
        id:121,      //数字
        name:"wb",     //字符串
        },
    error=>{
    },
    success=>{
    }
})

一、使用POJO

若前端传递过来的数据刚好和我们的bean实体对象属性一致,则可以使用对象的形式接收。
后端实体类

java 复制代码
@Component
public class user{
    private int id;
    private String name;
}

后端Controller

java 复制代码
@PostMapping("/student/user")
public void getUser(@RequestBody User user){
    System.out.println(user);
    }

前端数据和bean对象属性要一致

必须使用@RequestBody注解

当前台传入数据除了实体类属性外还有其他数据

1.当通过params传入,则使用@RequestParams接收

2.当传入方式跟其他参数一样都是data传入则还是@RequestBody

又因为@RequestBody只能使用一次,所以此时使用实体类User获取不到所有属性,此时我们需要创建一个UserDTO继承User,且给他加入其他传入参数属性

public class UserDTO extends User{

private String age;

}

此时后台接收时如下

java 复制代码
​
@PostMapping("/student/user")
public void getUser(@RequestBody UserDTO userDTO){
    //获取user对象  通过多态
    User u=userDTO;
    //获取除此之外的其他属性
    String age=userDTO.getAge();
    }

​

二、使用Map接收

后台Controller

@PostMapping("/lhj/getdata")

public void getData(@RequestBody Map<String,Object>map){

System.out.println(map);

}

前端传来的是一个json对象时:{'id'=1,'name'='ww'},可以用Map来获取

@RequestMapping(value = "/update")

@ResponseBody

public String updateAttr(@RequestBody Map<String, String> map) {

if(map.containsKey("id"){

Integer id = Integer.parseInt(map.get("id"));

}

if(map.containsKey("name"){

String objname = map.get("name").toString();

}

return "success";

对于Map<String,Object>,值的类型建议设置为Object,这样可以使Map能接收各种类型的数据,如字符串、数字、数组和对象等。

三、使用@RequestParams

1,params传参

java 复制代码
$.ajax({
    url: "/search",
    method: "GET",
    params: "keyword=1",
    success: function(response) {
  }
});

若前端请求时通过params传参数,则后端需要使用@RequestParams来与传入参数名相对应,

java 复制代码
​
@PostMapping("/search")
public void getUser(@RequestParams("keyword") String keyword){
   
    }

​

2.地址拼接传参

java 复制代码
$.ajax({
    url: "/search?name=hehe",
    method: "GET",
    params: "keyword=1",
    success: function(response) {
  }
});

后端获取参数

java 复制代码
​
@PostMapping("/search")
public void getUser(
            @RequestParams("keyword") String keyword,
            @RequestParams("name") String name){
   
}

​

以上就是常见的前后端获取参数方式了~~~

相关推荐
子兮曰4 小时前
async/await高级模式:async迭代器、错误边界与并发控制
前端·javascript·github
恋猫de小郭4 小时前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
GIS之路6 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒8 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol9 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉9 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau9 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生9 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼9 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879979 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter