使用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 相关文章推荐
YUI 读码日记之 YAHOO.lang.is*
Mar 22 Javascript
JS如何将UTC格式时间转本地格式
Sep 04 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
Apr 16 Javascript
微信小程序 Image API实例详解
Sep 30 Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
Jan 05 Javascript
Vue.2.0.5过渡效果使用技巧
Mar 16 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
May 17 Javascript
如何选择适合你的JavaScript框架
Nov 20 Javascript
vue 使用Jade模板写html,stylus写css的方法
Feb 23 Javascript
跟混乱的页面弹窗说再见
Apr 11 Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 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数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
最常用的8款PHP调试工具
2014/07/06 PHP
php+xml编程之SimpleXML的应用实例
2015/01/24 PHP
php绘制一条直线的方法
2015/01/24 PHP
php分割合并两个字符串的函数实例
2015/06/19 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
2009/08/28 Javascript
javascript检测对象中是否存在某个属性判断方法小结
2013/05/19 Javascript
js简单实现HTML标签Select联动带跳转
2013/10/23 Javascript
jquery实现鼠标拖动图片效果示例代码
2014/01/09 Javascript
jQuery中click事件用法实例
2014/12/26 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
2017/04/20 jQuery
原生js 封装get ,post, delete 请求的实例
2017/08/11 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
2017/09/08 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
[04:09]2018年度DOTA2社区贡献奖-完美盛典
2018/12/16 DOTA
python中ConfigParse模块的用法
2014/09/29 Python
python web.py开发httpserver解决跨域问题实例解析
2018/02/12 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
Python(TensorFlow框架)实现手写数字识别系统的方法
2018/05/29 Python
Python操作mongodb的9个步骤
2018/06/04 Python
使用phonegap播放音频的实现方法
2017/03/31 HTML / CSS
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
Currentbody西班牙:美容仪专家
2019/09/28 全球购物
中专生职业生涯规划书范文
2013/12/29 职场文书
文明倡议书范文
2014/04/15 职场文书
执法作风整顿剖析材料
2014/10/11 职场文书
八年级上册语文教学计划
2015/01/22 职场文书
全网非常详细的pytest配置文件
2022/07/15 Python