使用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获取并操作iframe中元素的方法
Mar 21 Javascript
JavaScript的内存释放问题详解
Jan 21 Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
Jul 27 Javascript
JS实现跟随鼠标的链接文字提示框效果
Aug 06 Javascript
简单讲解AngularJS的Routing路由的定义与使用
Mar 05 Javascript
javascript事件模型介绍
May 31 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
Aug 01 Javascript
JavaScript中常用的验证reg
Oct 13 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
react-redux中connect的装饰器用法@connect详解
Jan 13 Javascript
jquery简易手风琴插件的封装
Oct 13 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
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
PHP中根据IP地址判断城市实现城市切换或跳转代码
2012/09/04 PHP
php构造函数的继承方法
2015/02/09 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
PHP+Ajax实现的检测用户名功能简单示例
2019/02/12 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
Discuz! 6.1_jQuery兼容问题
2008/09/23 Javascript
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
2011/10/13 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
javascript中new关键字详解
2015/12/14 Javascript
node实现简单的反向代理服务器
2017/07/26 Javascript
关于JS与jQuery中的文档加载问题
2017/08/22 jQuery
JavaScript原生实现观察者模式的示例
2017/12/15 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
js实现弹幕墙效果
2020/12/10 Javascript
Python内置函数的用法实例教程
2014/09/08 Python
Python创建系统目录的方法
2015/03/11 Python
Python 的 Socket 编程
2015/03/24 Python
Python heapq使用详解及实例代码
2017/01/25 Python
基于Python代码编辑器的选用(详解)
2017/09/13 Python
python 读取DICOM头文件的实例
2018/05/07 Python
python3处理含有中文的url方法
2018/05/10 Python
django js实现部分页面刷新的示例代码
2018/05/28 Python
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
Pytorch反向求导更新网络参数的方法
2019/08/17 Python
Python hashlib常见摘要算法详解
2020/01/13 Python
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
纬创Java面试题笔试题
2014/10/02 面试题
护理学中专毕业生求职信
2013/11/11 职场文书
大学本科生的个人自我评价
2013/12/09 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
大学生档案自我鉴定(2篇)
2014/10/14 职场文书
教你使用vscode 搭建react-native开发环境
2021/07/07 Javascript
MySQL里面的子查询的基本使用
2021/08/02 MySQL
python中mongodb包操作数据库
2022/04/19 Python