使用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 函数链之演变
Apr 07 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
jquery统计复选框选中示例
Nov 05 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
Aug 11 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
JQuery的Pager分页器实现代码
May 03 Javascript
js自定义QQ菜单效果
Jan 10 Javascript
bootstrap-paginator服务器端分页使用方法详解
Feb 13 Javascript
Vue 样式切换及三元判断样式关联操作
Aug 09 Javascript
JS检测浏览器开发者工具是否打开的方法详解
Oct 02 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 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
人工智能开始玩《星际争霸2》 你的操作跟得上吗?
2017/08/11 星际争霸
在字符串中把网址改成超级链接
2006/10/09 PHP
PHP之变量、常量学习笔记
2008/03/27 PHP
Php注入点构造代码
2008/06/14 PHP
Laravel中前端js上传图片到七牛云的示例代码
2017/09/04 PHP
js 提交和设置表单的值
2008/12/19 Javascript
js 解决“options为空或不是对象”
2008/12/22 Javascript
Prototype源码浅析 Number部分
2012/01/16 Javascript
javascript中直接写php代码的方法
2013/07/31 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
如何通过js实现图片预览功能【附实例代码】
2016/03/30 Javascript
js html5 css俄罗斯方块游戏再现
2016/10/17 Javascript
使用vue.js实现联动效果的示例代码
2017/01/10 Javascript
ES6新特性五:Set与Map的数据结构实例分析
2017/04/21 Javascript
jQuery替换节点元素的操作方法
2018/03/18 jQuery
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
js实现课堂随机点名系统
2019/11/21 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
2020/07/28 Javascript
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
利用nohup来开启python文件的方法
2019/01/14 Python
对python3 Serial 串口助手的接收读取数据方法详解
2019/06/12 Python
python中执行smtplib失败的处理方法
2020/07/01 Python
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
Skyscanner阿联酋:全球领先的旅游搜索平台
2017/11/25 全球购物
阿迪达斯法国官方网站:adidas法国
2018/03/20 全球购物
整个世界的设计师家具在哈恩:Designathome
2019/03/25 全球购物
婚鞋、新娘鞋、礼服鞋、童鞋:Nina Shoes
2019/09/04 全球购物
什么造成了Java里面的异常
2016/04/24 面试题
保密普查工作实施方案
2014/02/25 职场文书
国家奖学金获奖感言
2014/08/16 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
父亲节感言
2015/08/03 职场文书
爱国主义主题班会
2015/08/14 职场文书
SQL模糊查询报:ORA-00909:参数个数无效问题的解决
2021/06/21 Oracle