JSON.toJSONString无法传递boolean_json.tojsonstring boolean-CSDN博客

本文链接：https://blog.csdn.net/ss810540895/article/details/125865816

在SpringBoot应用中，遇到一个前端Vue接收后端返回的User对象时，state字段总是缺失的问题。最初尝试使用JSON.toJSONString转换Map为JSON字符串，但state字段无法正常传递。改为直接返回Map对象后，所有字段都能在前端正确显示。问题可能源于JSON转换时对Boolean类型的处理。解决方案是避免使用JSON转换，直接返回Map对象给Vue进行数据绑定。

摘要由CSDN通过智能技术生成

JSON.toJSONString无法传递boolean

在使用JSON.toJSONString转json格式的时候，后端是springboot，前端是vue，每次返回的User对象总是少一个字段state

User实体类：

public class User {

    private int id;
    private String username;
    private String password;
    private String email;
    private String role;
    private Boolean state;

接口：

@RequestMapping("/alluser")
@ResponseBody
public String getUserList(QueryInfo queryInfo) {
    int numbers = userDao.getUserCount("%" + queryInfo.getQuery() + "%");
    int pageStart = (queryInfo.getPageNum() - 1) * queryInfo.getPageSize();

    List<User> users = userDao.getAllUser("%" + queryInfo.getQuery() + "%",pageStart,queryInfo.getPageSize());

    HashMap<String, Object> res = new HashMap<>();
    res.put("numbers",numbers);
    res.put("data",users);

    String s = JSON.toJSONString(res);
    return s;
}

开始是按上面写的，发现state字段一直传不到前端，在网上找了很多方法，最后还是没能解决，后面听说springboot传数据给vue不需要转json，直接返回也可以接收，就改成下面这样了

@RequestMapping("/alluser")
@ResponseBody
public Map getUserList(QueryInfo queryInfo) {
    int numbers = userDao.getUserCount("%" + queryInfo.getQuery() + "%");
    int pageStart = (queryInfo.getPageNum() - 1) * queryInfo.getPageSize();

    List<User> users = userDao.getAllUser("%" + queryInfo.getQuery() + "%",pageStart,queryInfo.getPageSize());

    HashMap<String, Object> res = new HashMap<>();
    res.put("numbers",numbers);
    res.put("data",users);

    return res;
}

直接返回Map，在前端就可以接收到全部字段了

前端：

  data() {
    return {
      queryInfo: {
        query: "",
        pageNum: 1,
        pageSize: 10,
      },
      userList: [],
      total: null,
  },

  methods: {
    async getUserList() {
      const {data:res} = await this.$http.get("/alluser",{params: this.queryInfo});
      this.userList = res.data;
      this.total = res.numbers
    }
}