发现一个axios请求封装成一个json对象发送的好处

这是前端的代码,要发送一个请求:

findPage() {
                    // axios.get("/setmeal/findPage.do?currentPage="
                    // + this.pagination.currentPage + "&pageSize="
                    // + this.pagination.pageSize + "&queryString="
                    // + this.pagination.queryString)

                    var pageinfo = {
                        currentPage: this.pagination.currentPage,
                        pageSize: this.pagination.pageSize,
                        queryString: this.pagination.queryString
                    }
                    axios.post("/setmeal/findPage.do", pageinfo)
                        .then((response) => {
                            this.dataList = response.data.rows;
                            this.pagination.total = response.data.total;
                        });
                },

这是接收的java对象,属性名和前端的一致。

public class QueryPageBean implements Serializable {
    private Integer currentPage;//页码
    private Integer pageSize;//每页记录数
    private String queryString;//查询条件

这是web层接收的controller方法

@RestController
@RequestMapping("/setmeal")
public class SetmealController {

    @Reference
    SetmealService setmealService;

    @RequestMapping("findPage.do")
//    public PageResult findPage( QueryPageBean queryPageBean){
    public PageResult findPage(@RequestBody QueryPageBean queryPageBean){
        return setmealService.findPage(queryPageBean);

    }
}

如果是用上面注解的方式发送请求,也可以通过没有@RequestBody注解的对象接收到,但是如果里面发送的属性有null,会被get请求拼接成"null"字符串赋值给接收的对象属性,就有问题了,所有前端先换成json对象,然后post请求再发送过来,就能接收null数据了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值