vue往后台传参（不是传对象）

最新推荐文章于 2024-07-17 11:30:02 发布

原创最新推荐文章于 2024-07-17 11:30:02 发布 · 7.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue

java 同时被 2 个专栏收录

11 篇文章

订阅专栏

vue

5 篇文章

订阅专栏

本文介绍了一个使用Vue.js发起POST请求的例子，并展示了如何通过JavaScript与后端进行交互来提交数据。其中包括了Vue中form数据的构造、fetch API的使用及后端接收参数的方法。

因为有规定必须用post提交
example:
vue:

withdrawCount(){
    let formData = new FormData();
    formData.append("date",this.date);
    withdrawCount(formData).then(response => {

    });
},

js:

export function withdrawCount(query) {
    return fetch({
        url: commonUrl + '/withdrawCount',
        method: 'POST',
        data: query
    });
}

后台：

@PostMapping(value = "withdrawCount")
public Object withdrawCount(@RequestParam(required = true) int date) {
    return new UpmsResult(UpmsResultConstant.SUCCESS, dashboardService.withdrawCount(date));
}

如果传对象直接使用注解@RequestBody