使用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 相关文章推荐
JavaScript 动态将数字金额转化为中文大写金额
May 14 Javascript
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
40款非常棒的jQuery 插件和制作教程(系列二)
Nov 02 Javascript
ECMAScript 创建自己的js类库
Nov 22 Javascript
原生javascript实现隔行换色
Jan 04 Javascript
JavaScript错误处理
Feb 03 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
javascript正则表达式定义(语法)总结
Jan 08 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
微信小程序自定义底部导航带跳转功能
Nov 27 Javascript
小程序使用watch监听数据变化的方法详解
Sep 20 Javascript
layui实现数据表格隐藏列的示例
Oct 25 Javascript
基于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
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
jQuery.query.js 取参数的两点问题分析
2012/08/06 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
jQuery的deferred对象详解
2014/11/12 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
AngularJS入门教程之多视图切换用法示例
2016/11/02 Javascript
Vue.js如何优雅的进行form validation
2017/04/07 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
2018/09/15 Javascript
Vue 指令实现按钮级别权限管理功能
2019/04/23 Javascript
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
react-native 实现购物车滑动删除效果的示例代码
2021/01/15 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
2021/03/01 Vue.js
[49:17]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第三场 1月26日
2021/03/11 DOTA
python为tornado添加recaptcha验证码功能
2014/02/26 Python
Python中实现字符串类型与字典类型相互转换的方法
2014/08/18 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
Python 获取当前所在目录的方法详解
2017/08/02 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
Python通过调用有道翻译api实现翻译功能示例
2018/07/19 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
python实现知乎高颜值图片爬取
2019/08/12 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
CSS3中Animation属性的使用详解
2015/08/06 HTML / CSS
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
升职自荐信范文
2013/10/05 职场文书
兼职学生的自我评价
2013/11/24 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
房屋转让协议书(标准范本)
2016/03/21 职场文书
承诺书怎么写 ?
2019/04/16 职场文书
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android