
问题描述: 在使用若依分离版框架开发过程中,前端使用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数据到这些参数。
知我AI·PC客户端
离线运行 AI 大模型,构建你的私有个人知识库,对话式提取文件知识,保证个人文件数据安全
0 查看详情
解决方案: 修改后端代码,使用 @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,如何解决?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/351683.html
微信扫一扫
支付宝扫一扫