原生axios 的form表单提交

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( ... );

原生axios 的form表单提交相关推荐

原生js实现form表单提交
最近工作比较忙,着急上线,写个简单的东西吧 url为你要提交的地址 params 为你提交的参数 function fromPost(URL, PARAMS) {var temp = document ...
文件上传 java 完美,vue+java实现文件上传（excel等），会出现跨域问题，直接用form表单提交就不会有问题了（new FormData()）...
vue+java实现文件上传(excel等),会出现跨域问题,直接用form表单提交就不会有问题了(new FormData()) 地址:https://www.cnblogs.com/muscles ...
vue form表单提交动态数据
项目vue-cli搭建需求为:vue页面跳转至第三方的支付页面操作流程为:点击确认按钮时得到得到第三方网页的url和参数信息,以form表单的post方式提交尝试了N种方法,都不可以成功完成逻辑 ...
JS阻止form表单提交失败
JS阻止form表单提交失败问题简介解决办法问题简介 <form th:action="@{/user.do}" method="post" ons ...
from提交ajax,form表单提交与ajax消息传递
form表单提交与ajax消息传递 1.前后端传输数据编码格式contentType: urlencoded 对应的数据格式:name=xxx&password=666 后端获取数据:requ ...
解决在Vue中使用axios用form表单出现的问题
vue中使用Axios第三方库,采用形式提交,参数格式为multipart /格式数据 ,请求参数变为对象格式的解决办法.(推荐第二种方法) 提交数据的四种编码方式一,应用/ X WWW的窗体-ur ...
Vue 使用form表单提交问题
背景:公司的项目对接了一家第三方的支付机构,使用云闪付web移动端支付,对方要求form表单提交信息 1.一开始,使用接口使用Axios请求设置form格式提交 import axios from & ...
html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...
form表单提交踩坑记
2019独角兽企业重金招聘Python工程师标准>>> 今天收获了一次集团故障,心塞不已,究其原因,是form表单提交时web服务器对大小做了限制.这个必现的问题在测试阶段也不知为啥 ...

原生axios 的form表单提交

原生axios 的form表单提交相关推荐

最新文章

热门文章