使用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的动态创建DOM元素的代码
Dec 28 Javascript
JQuery实现倒计时按钮具体方法
Nov 14 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
Jun 03 Javascript
纯js实现手风琴效果
Apr 17 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
May 10 Javascript
Javascript同时声明一连串(多个)变量的方法
Jan 23 Javascript
深入浅出es6模板字符串
Aug 26 Javascript
vue引入jq插件的实例讲解
Sep 12 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
ElementUI中el-tree节点的操作的实现
Feb 27 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 Javascript
element多个表单校验的实现
May 27 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
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
PHP更新购物车数量(表单部分/PHP处理部分)
2013/05/03 PHP
php+mysql数据库查询实例
2015/01/21 PHP
php简单统计字符串单词数量的方法
2015/06/19 PHP
php设计模式之中介者模式分析【星际争霸游戏案例】
2020/03/23 PHP
一个小型js框架myJSFrame附API使用帮助
2008/06/28 Javascript
jquery 入门教程 [翻译] 推荐
2009/08/17 Javascript
jquery键盘事件介绍
2011/01/31 Javascript
javascript获得网页窗口实际大小的示例代码
2013/09/21 Javascript
详细解读JavaScript的跨浏览器事件处理
2015/08/12 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
2016/06/14 Javascript
微信小程序 template模板详解及实例
2017/02/21 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
2019/04/09 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
python获取网页状态码示例
2014/03/30 Python
利用python将图片转换成excel文档格式
2017/12/30 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
Python特殊属性property原理及使用方法解析
2020/10/09 Python
教你使用Canvas处理图片的方法
2017/11/28 HTML / CSS
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
性能测试工程师的面试题
2015/02/20 面试题
秘书专业自荐信范文
2013/12/26 职场文书
无故旷工检讨书
2014/01/26 职场文书
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
初中英语演讲稿
2014/04/29 职场文书
环保倡议书100字
2014/05/15 职场文书
技能比武方案
2014/05/21 职场文书
优秀学生干部事迹材料
2014/12/24 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书
小学生2015教师节演讲稿
2015/03/19 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers