使用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简单实现HTML标签Select联动带跳转
Oct 23 Javascript
JS 去除Array中的null值示例代码
Nov 20 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
Aug 21 Javascript
Js动态设置rem来实现移动端字体的自适应代码
Oct 14 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
Node.js中如何合并两个复杂对象详解
Dec 31 Javascript
vue组件间通信解析
Mar 01 Javascript
webpack中的热刷新与热加载的区别
Apr 09 Javascript
判断iOS、Android以及PC端的示例代码
Nov 15 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
Mar 28 Javascript
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
Apr 09 Javascript
Vue使用v-viewer实现图片预览
Oct 21 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中读取和写入WORD文档的代码
2008/04/09 PHP
PHP的博客ping服务代码
2012/02/04 PHP
YII模块实现绑定二级域名的方法
2014/07/09 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
window.open的功能全解析
2006/10/10 Javascript
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
javascript实现密码强度显示
2015/03/18 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
JavaScript Ajax编程 应用篇
2016/07/02 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
jQuery制作input提示内容(兼容IE8以上)
2017/07/05 jQuery
node中Express 动态设置端口的方法
2017/08/04 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
vue实现在一个方法执行完后执行另一个方法的示例
2018/08/25 Javascript
浅谈js闭包理解
2019/03/28 Javascript
Jquery异步上传文件代码实例
2019/11/13 jQuery
基于jQuery实现可编辑的表格
2019/12/11 jQuery
jQuery三组基本动画与自定义动画操作实例总结
2020/05/09 jQuery
js里面的变量范围分享
2020/07/18 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
Python序列循环移位的3种方法推荐
2018/04/09 Python
python 输出上个月的月末日期实例
2018/04/11 Python
使用Python进行目录的对比方法
2018/11/01 Python
解决vscode python print 输出窗口中文乱码的问题
2018/12/03 Python
python用opencv批量截取图像指定区域的方法
2019/01/24 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
spyder 在控制台(console)执行python文件,debug python程序方式
2020/04/20 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
利用简洁的图片预加载组件提升html5移动页面的用户体验
2016/03/11 HTML / CSS
Html5导航栏吸顶方案原理与对比实现
2020/06/10 HTML / CSS
安全教育演讲稿
2014/05/09 职场文书
停电放假通知
2015/04/14 职场文书
《观察物体》教学反思
2016/02/17 职场文书