使用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(非HTML5)可编辑表格实现代码
Dec 11 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
Mar 22 Javascript
jquery获取radio值实例
Oct 16 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
原生JS实现首页进度加载动画
Sep 14 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
Oct 03 Javascript
JS实现购物车特效
Feb 02 Javascript
简单实现jQuery弹幕效果
May 06 jQuery
Vue resource中的GET与POST请求的实例代码
Jul 21 Javascript
JavaScript简单实现合并两个Json对象的方法示例
Oct 16 Javascript
js实时监控文本框输入字数的实例代码
Jan 18 Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 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
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
用JavaScript页面不刷新时全选择,全删除(GridView)
2009/04/14 Javascript
js 设置选中行的样式的实现代码
2010/05/24 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
2012/10/12 Javascript
当前页禁止复制粘贴截屏代码小集
2013/07/24 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
2015/12/08 Javascript
AngularJS基础 ng-cloak 指令简单示例
2016/08/01 Javascript
解决vue处理axios post请求传参的问题
2018/03/05 Javascript
关于Vue在ie10下空白页的debug小结
2018/05/02 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
[03:00]《DAC最前线》之欧美新秀VS老将
2015/02/01 DOTA
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
Python 正则表达式爬虫使用案例解析
2019/09/23 Python
python GUI库图形界面开发之PyQt5窗口背景与不规则窗口实例
2020/02/25 Python
Windows环境下Python3.6.8 importError: DLLload failed:找不到指定的模块
2020/11/01 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
CSS3打造磨砂玻璃背景效果
2016/09/28 HTML / CSS
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
纽约家具、家居装饰和地毯店:ABC Carpet & Home
2017/06/21 全球购物
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
vue实现倒计时功能
2021/03/24 Vue.js
关于礼仪的演讲稿
2014/01/04 职场文书
七年级数学教学反思
2014/01/22 职场文书
岗位职责怎么写
2014/03/14 职场文书
员工离职感谢信
2015/01/22 职场文书
文明旅游倡议书
2015/04/28 职场文书
幽灵公主观后感
2015/06/09 职场文书
人民的好儿女观后感
2015/06/18 职场文书
总经理聘用协议书
2015/09/21 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书