vue以formdata方式向后端传递参数

IDIOT?LIFE

于 2021-09-29 08:38:14 发布

阅读量513

点赞数 1

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_46079080/article/details/120541208

版权

该篇博客介绍了如何在Vue.js应用中通过axios库，利用FormData对象以POST和GET方式向后端传递参数。在POST请求中，将数据转换为QS格式并附在请求体上，而在GET请求中，将参数放在URL的查询字符串中。

摘要由CSDN通过智能技术生成

vue以formdata方式向后端传递参数

在main.js中引入：

import Qs from 'qs'

Vue.prototype.$qs=Qs

post方式：

 let data ={
                    ids:id  //要传的参数
                }
    this.$axios.post(this.$api.training.detailsdelall,this.$qs.stringify(data)).then(res=>{
                        if(res.data.code==200){
                            this.$message({
                                message:res.data.msg,  //msg是接收的msg
                                type:"success"
                            });
                            this.getDept();
                            this.getaddtable();//重新渲染表格
                        }
                        else{
                            this.$message.error('删除失败');
                        }
                    })
            },

get方式：

this.$axios.get(this.$api.training.details, {
                    params:
                        {
                           //要传的参数
                        }
                }).then(res=>{
                    if(res.data.code==200){
                        this.tableData = res.data.data;
                        this.totalSize = res.data.count;  //接收的参数
                    }else{
                        this.$message(res.data.msg);
                    }
                }).catch((res)=> {
                    this.$message.error('数据库出错，请联系管理员');
                });
            },