问题描述: 在使用若依分离版框架开发过程中,前端使用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,如何解决?的详细内容,更多请关注代码网其它相关文章!
发表评论