SpringBoot项目 @RequestParam接收参数，vue项目传参，post，一个参数

目录

post：

vue：

第一种：

第二种：

springboot：

---

本文链接：https://blog.csdn.net/qq_31183727/article/details/104047848

post：

post请求，一般后台封装VO来接收参数，但是遇到只有一个字符串参数的情况，post请求如何传参，接参呢？

vue：

目前2种方式：

第一种：

先引入Qs，定义params对象，然后使用Qs.stringify(params)处理；

    import Qs from 'qs';

    let params = {typeCode:this.typeCode};

    //调用后台post请求方法
    pauseDing(Qs.stringify(params)).then((res) => {
        if (res.data.status === 'complete') {
        
        }
    }).catch(() => {
        this.submitLoading = false;
        this.$message.error('提交：网络请求错误');
    });

这里和JSON.stringify( )做个对比：
console.log(JSON.stringify(params), Qs.stringify(params));

控制台打印结果如下：

{"typeCode":"waterMeterPause"} typeCode=waterMeterPause

第二种：

new FormData()对象，把参数append进去；

    let params = new FormData();
    params.append('typeCode', this.typeCode);

    //调用后台post请求方法
    pauseDing(params).then((res) => {
        if (res.data.status === 'complete') {
        
        }
    }).catch(() => {
        this.submitLoading = false;
        this.$message.error('提交：网络请求错误');
    });

springboot：

后台@RequestParam("typeCode")，可写可不写。不写，也是可以接收参数成功的。

    @PostMapping("/pauseDing")
    public RestResult<String> pauseDing(@RequestParam("typeCode") String typeCode) {
        return pauseService.pauseDing(typeCode);
    }

 

 

相关参考：

https://blog.csdn.net/jinhaijing/article/details/88319777

https://www.cnblogs.com/yutianA/p/10677677.html