使用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 相关文章推荐
JavaScript:new 一个函数和直接调用函数的区别分析
Jul 10 Javascript
jQuery圆形统计图开发实例
Jan 04 Javascript
javascript关于运动的各种问题经典总结
Apr 27 Javascript
jquery插件unobtrusive实现片段式加载
Jun 15 Javascript
jquery点击缩略图切换视频播放特效代码分享
Sep 15 Javascript
url中的特殊符号有什么含义(推荐)
Jun 17 Javascript
JS生成不重复的随机数组的简单实例
Jul 10 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
Dec 07 Javascript
网页中的图片查看器viewjs使用方法
Jul 11 Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
uni-app如何页面传参数的几种方法总结
Apr 28 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
德生PL660的电路分析和打磨
2021/03/02 无线电
SONY ICF-SW7600的电路分析
2021/03/02 无线电
约瑟夫环问题的PHP实现 使用PHP数组内部指针操作函数
2010/10/12 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
Nginx环境下PHP flush失效的解决方法
2016/10/19 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
js注意img图片的onerror事件的分析
2011/01/01 Javascript
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
2011/04/27 Javascript
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
2018/03/25 jQuery
Vue的Options用法说明
2020/08/14 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
python中模块查找的原理与方法详解
2017/08/11 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
django-crontab实现服务端的定时任务的示例代码
2020/02/17 Python
python输出数学符号实例
2020/05/11 Python
Expedia爱尔兰:酒店、机票、租车及廉价假期
2017/01/02 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
英国时尚首饰品牌:Missoma
2020/06/29 全球购物
应届大学生求职信
2013/12/01 职场文书
工伤事故赔偿协议书
2014/04/15 职场文书
厕所文明标语
2014/06/11 职场文书
学前教育专业求职信
2014/09/02 职场文书
运动会广播稿50字-100字
2014/10/11 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
基于Java的MathML转图片的方法(示例代码)
2021/06/23 Java/Android