使用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 相关文章推荐
jQuery 中使用JSON的实现代码
Dec 01 Javascript
JS解析XML实例分析
Jan 30 Javascript
JavaScript节点及列表操作实例小结
Aug 05 Javascript
jquery仿百度百科底部浮动导航特效
Aug 08 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
Jan 08 Javascript
ReactJs设置css样式的方法
Jun 08 Javascript
Three.js加载外部模型的教程详解
Nov 10 Javascript
Vue.js获取被选择的option的value和text值方法
Aug 24 Javascript
vue使用rem实现 移动端屏幕适配
Sep 26 Javascript
Javascript地址引用代码实例解析
Feb 25 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 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自动更新新闻DIY
2006/10/09 PHP
php实现与erlang的二进制通讯实例解析
2014/07/23 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
2015/09/24 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
JavaScript提高加载和执行效率的方法
2017/02/03 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
python中import学习备忘笔记
2017/01/24 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
Django中数据库的数据关系:一对一,一对多,多对多
2018/10/21 Python
对python_discover方法遍历所有执行的用例详解
2019/02/13 Python
python celery分布式任务队列的使用详解
2019/07/08 Python
python flask 如何修改默认端口号的方法步骤
2019/07/12 Python
Python代码使用 Pyftpdlib实现FTP服务器功能
2019/07/22 Python
对Django外键关系的描述
2019/07/26 Python
Python修改列表值问题解决方案
2020/03/06 Python
Python loguru日志库之高效输出控制台日志和日志记录
2020/03/07 Python
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
2012/12/25 HTML / CSS
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
POP文化和音乐灵感的时尚:Hot Topic
2019/06/19 全球购物
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2015/09/07 面试题
介绍一下linux的文件权限
2014/07/20 面试题
护士试用期自我鉴定
2014/02/08 职场文书
毕业生如何写自我鉴定
2014/03/15 职场文书
考核工作实施方案
2014/03/30 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
考试诚信承诺书
2014/05/23 职场文书
2015年财务试用期工作总结
2014/12/24 职场文书
政府会议通知范文
2015/04/15 职场文书
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA