当前位置: 代码网 > it编程>编程语言>Java > 前端向后端传递数据时,后端显示获取到的数据为NULL,如何解决?

前端向后端传递数据时,后端显示获取到的数据为NULL,如何解决?

2025年03月29日 Java 我要评论
问题描述: 在使用若依分离版框架开发过程中,前端使用post请求向后端传递数据,后端却接收到了null值。前端代码://修改订单状态export function updatorderstatus(

前端向后端传递数据时,后端显示获取到的数据为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,如何解决?的详细内容,更多请关注代码网其它相关文章!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com