前端向后端传递数据时,后端显示获取到的数据为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数据。

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享