使用axios请求时,发送formData请求的示例


Posted in Javascript onOctober 29, 2019

最近做的一个项目中有一个特例接口,传json后端接收不到,对接的后端又不愿意改接口,只能用formData方式传参,由于好多年没有用过formData,头痛了一会,找到了解决方法,发现非常简单,在此做个笔记!

var formData = new FormData();
formData.append("username", "Groucho");
formData.append("accountnum", 123456);
fetch('/users', {
 method: 'POST',
 body: formData
})

对象转FormData对象

对于FormDat对象,像上面那种形式可以直接添加参数比较方便,但是对于对象或者嵌套对象:

let userObj = {userName: 'xxx', age: '21'}
formData.append('user', userObj)

如果已经有了一个对象,里边字段非常多的话,可以这样:

let param {{name:"张三"},{aa:"222"}}<br>let formData = new FormData(); <br>Object.keys(param).forEach(key => { <br>formData.append(key, param[key]); <br>});

该问题方案解决方法来自于https://3water.com/article/173081.htm

以上这篇使用axios请求时,发送formData请求的示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js直接编辑当前cookie的脚本
Sep 14 Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 Javascript
简单常用的幻灯片播放实现代码
Sep 25 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
vue-cli+webpack记事本项目创建
Apr 01 Javascript
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
layer.open组件获取弹出层页面变量、函数的实例
Sep 25 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
Nov 26 Javascript
jQuery带控制按钮轮播图插件
Jul 31 jQuery
基于form-data请求格式详解
Oct 29 #Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
Oct 29 #Javascript
JS操作字符串转数字的常见方法示例
Oct 29 #Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 #Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 #Javascript
JS操作json对象key、value的常用方法分析
Oct 29 #Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 #jQuery
You might like
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
php如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
javascript制作loading动画效果 loading效果
2014/01/14 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
2015/05/19 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
基于BootStrap的文本编辑器组件Summernote
2017/10/27 Javascript
Bootstrap栅格系统的使用详解
2017/10/30 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
Vue触发式全局组件构建的方法
2018/11/28 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
利用Webpack实现小程序多项目管理的方法
2019/02/25 Javascript
[02:03]永远的信仰DOTA2 中国军团历届国际邀请赛回顾
2016/06/26 DOTA
python中readline判断文件读取结束的方法
2014/11/08 Python
python实现SMTP邮件发送功能
2020/06/16 Python
Python实现点阵字体读取与转换的方法
2019/01/29 Python
Python列表与元组的异同详解
2019/07/02 Python
python同步windows和linux文件
2019/08/29 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
HTML5录音实践总结(Preact)
2020/05/07 HTML / CSS
美国成衣女装品牌:CHICO’S
2016/09/19 全球购物
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
中科软测试工程师面试题
2012/06/16 面试题
酒店公关部经理岗位职责
2013/11/24 职场文书
大三毕业自我鉴定
2014/01/15 职场文书
澳大利亚商务邀请函
2014/01/17 职场文书
公务员培训自我鉴定
2014/02/01 职场文书
初中家长寄语
2014/04/02 职场文书
销售人员求职信
2014/07/22 职场文书
2014公安机关纪律作风整顿思想汇报
2014/09/13 职场文书
2014年检验员工作总结
2014/11/19 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
三八节活动主持词
2015/07/04 职场文书
2015年度女工工作总结
2015/10/22 职场文书
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python