原生axios 的form表单提交

  • Post author:
  • Post category:其他


axios默认发送数据时,数据格式是Request Payload,而并非我们常用的Form Data格式

1.第一种方法,创建表单对象,数据放到表单对象里。

let config = {
   //formData  提交请求头有两种 multipart/form-data  和 application/x-www-form-urlencoded
   // multipart/form-data   用于type=file 的input提交
   headers: {
          "Content-Type": "multipart/form-data"
   }
};
let formData = new FormData();
    //参数
    formData.append("x",x);
    formData.append("xx",xx);

axios.post("http://xxxxxxx", formData, config).then(res => {
         console.log(res);
    }).catch(error => {
         console.log(error);
    });

2.使用qs模块对其进行处理

import qs from 'qs';

axios.post('post.php', qs.stringify({
a: '1'
}))
.then( ... )
.catch( ... );



版权声明:本文为weixin_41949511原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。