使用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 相关文章推荐
Windows Live的@live.com域名注册漏洞 利用代码
Dec 27 Javascript
jQuery-ui中自动完成实现方法
Jun 10 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
JS随机生成不重复数据的实例方法
Jul 17 Javascript
JS性能优化笔记搜索整理
Aug 21 Javascript
浅析javascript操作 cookie对象
Dec 26 Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 Javascript
归纳下js面向对象的几种常见写法总结
Aug 24 Javascript
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
JavaScript阻止事件冒泡的方法
Dec 06 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个人网站架设连环讲(一)
2006/10/09 PHP
PHP中VC6、VC9、TS、NTS版本的区别与用法详解
2013/10/26 PHP
PHP与以太坊交互详解
2018/08/24 PHP
javascript Onunload与Onbeforeunload使用小结
2009/12/31 Javascript
js 处理URL实用技巧
2010/11/23 Javascript
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
使用jquery mobile做幻灯播放效果实现步骤
2013/01/04 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
2013/05/07 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
javascript操作css属性
2013/12/30 Javascript
IE浏览器不支持getElementsByClassName的解决方法
2014/08/27 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
基于Bootstrap3表格插件和分页插件实例详解
2016/05/17 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
整理关于Bootstrap过渡动画的慕课笔记
2017/03/29 Javascript
几种响应式文字详解
2017/05/19 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
vue-i18n实现中英文切换的方法
2020/07/06 Javascript
[02:40]DOTA2英雄基础教程 先知
2013/11/29 DOTA
[02:54]DOTA2英雄基础教程 撼地者
2014/01/14 DOTA
python提示No module named images的解决方法
2014/09/29 Python
Python实现检测文件MD5值的方法示例
2018/04/11 Python
Python根据已知邻接矩阵绘制无向图操作示例
2018/06/23 Python
使用Django连接Mysql数据库步骤
2019/01/15 Python
python3实现指定目录下文件sha256及文件大小统计
2019/02/25 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
西海岸男士和男童服装:Johnnie-O
2018/03/15 全球购物
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
请假条怎么写
2014/04/10 职场文书
CSS中em的正确打开方式详解
2021/04/08 HTML / CSS
Nginx限流和黑名单配置
2022/05/20 Servers