前端使用vue的axios传递数据,后端使用springboot来传递数据,因为springboot框架中的HttpMessageConverter会自动进行json与对象之间的互转。

  • 后端传递对象给前端时,前端接收即可,例如接收一个List<User>,其具体内容如下

public class User{
    private String name;
    private String sex;
    //省略构造器,setget方法
}

//List<User>具体内容
List userList = new ArrayList();
userList.add(new User("abc","male"));
userList.add(new User("efg","female"));

那么前端接收到的数据如下

[
    0:{name:"abc",sex:"male"},
    1:{name:"efg",sex:"female"}
]

如果前端要传递上述数据

[
    0:{name:"abc",sex:"male"},
    1:{name:"efg",sex:"female"}
]

为了能让后端能够使用List<User>正确接收到,前端axios中不能传递json字符串,应该直接传递userList,即

//不应该这样
this.$axios.post("url",
    "userList":this.userList
    //省略
)

//应该这样
this.$axios.post("url",
    this.userList
    //省略
)

 

Logo

前往低代码交流专区

更多推荐