前端传数据后端NULL解决方法

一分耕耘，一分收获！既然都打开这篇《前端传数据后端NULL，如何解决？》，就坚持看下去，学下去吧！本文主要会给大家讲到等等知识点，如果大家对本文有好的建议或者看到有不足之处，非常欢迎大家积极提出！在后续文章我会继续更新文章相关的内容，希望对大家都有所帮助！

问题描述： 在使用若依分离版框架开发过程中，前端使用POST请求向后端传递数据，后端却接收到了NULL值。

前端代码：

//修改订单状态
export function updatorderstatus(id,status){
    const data={
        id,
        status
    }
    return request({
        url:"/business/orderinfo/updatestate",
        method:"post",
        data:data
    })
}

前端请求数据截图： (此处应包含前端请求数据的截图)

后端代码 (原代码)：

@ApiOperation("订单管理-修改订单状态")
@ApiImplicitParams({
    @ApiImplicitParam(name="id", value = "主键id", required = true, dataType = "integer"),
    @ApiImplicitParam(name="status", value = "状态0进行1结束", required = true, dataType = "integer")
})
@PostMapping("/updatestate")
public AjaxResult updateState(Integer id, Integer status) {
    System.out.println("更改订单编号：" + id + "\n");
    System.out.println("更改订单状态：" + status + "\n");
    // ... (其余代码)
}

后端打印结果截图： (此处应包含后端打印结果的截图，显示id和status为null)

问题分析： 后端使用 Integer id, Integer status 接收参数，在处理POST请求时，Spring Boot 默认情况下无法正确解析请求体中的JSON数据到这些参数。

解决方案： 修改后端代码，使用 @RequestBody 注解将请求体中的JSON数据绑定到一个对象上。

修改后的后端代码：

@ApiOperation("订单管理-修改订单状态")
@PostMapping("/updatestate")
public AjaxResult updateState(@RequestBody OrderStatusDTO orderStatusDTO) {
    System.out.println("更改订单编号：" + orderStatusDTO.getId() + "\n");
    System.out.println("更改订单状态：" + orderStatusDTO.getStatus() + "\n");

    if (orderStatusDTO.getId() == null) {
        return AjaxResult.error("输入主键id");
    }
    if (orderStatusDTO.getStatus() == null) {
        return AjaxResult.error("输入状态");
    }

    BorderInfo borderInfo = new BorderInfo();
    borderInfo.setId(orderStatusDTO.getId());
    borderInfo.setStatus(orderStatusDTO.getStatus());
    System.out.println("更改订单状态：" + borderInfo.toString() + "\n");
    orderInfoService.update(borderInfo);
    return AjaxResult.success();
}

新增OrderStatusDTO类：

public class OrderStatusDTO {
    private Integer id;
    private Integer status;

    // getters and setters
}

通过使用 @RequestBody 注解和创建一个 OrderStatusDTO 类来接收前端传递的JSON数据，后端就能正确解析数据，避免 NULL 值的问题。 请确保前端发送的JSON数据与 OrderStatusDTO 的字段名一致。 同时，检查前端的 request 函数是否正确设置了 headers，例如 Content-Type: application/json。

此方案比原先的@RequestParam方案更符合RESTful API的设计规范，也更清晰地处理了POST请求的body数据。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《前端传数据后端NULL解决方法》文章吧，也可关注golang学习网公众号了解相关技术文章。