使用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去空格的正则表达式
Mar 26 Javascript
JavaScript插件化开发教程 (二)
Jan 27 Javascript
js获取checkbox值的方法
Jan 28 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
Apr 26 Javascript
JavaScript实现解析INI文件内容的方法
Nov 17 Javascript
获取select的value、text值的简单示例(jquery与javascript)
Dec 07 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
Sep 21 Javascript
浅谈Node 异步IO和事件循环
May 05 Javascript
vue里的data要用return返回的原因浅析
May 28 Javascript
JavaScript实现栈结构Stack过程详解
Mar 07 Javascript
NestJs使用Mongoose对MongoDB操作的方法
Feb 22 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 的 __FILE__ 常量
2007/01/15 PHP
PHP中include()与require()的区别说明
2010/03/10 PHP
PHP中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
Yii2使用自带的UploadedFile实现的文件上传
2016/06/20 PHP
php的api数据接口书写实例(推荐)
2016/09/22 PHP
详谈PHP面向对象中常用的关键字和魔术方法
2017/02/04 PHP
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
跟我学Nodejs(三)--- Node.js模块
2014/05/25 NodeJs
node.js中使用node-schedule实现定时任务实例
2014/06/03 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
JavaScript基本的输出和嵌入式写法教程
2015/10/20 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
整理关于Bootstrap排版的慕课笔记
2017/03/29 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
nodejs基础之buffer缓冲区用法分析
2018/12/26 NodeJs
jQuery创建折叠式菜单
2019/06/15 jQuery
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
python爬虫实战之爬取京东商城实例教程
2017/04/24 Python
Python 分享10个PyCharm技巧
2019/07/13 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
html5 利用canvas手写签名并保存的实现方法
2018/07/12 HTML / CSS
同步和异步有何异同,在什么情况下分别使用他们
2013/04/09 面试题
法学院毕业生求职信
2014/06/25 职场文书
工程承包协议书
2014/10/20 职场文书
JavaScript 语句之常用 for 循环详解
2021/03/29 Javascript
pytorch实现ResNet结构的实例代码
2021/05/17 Python
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android
Python+pyaudio实现音频控制示例详解
2022/07/23 Python