使用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 解析后的xml对象的读取方法细解
Jul 25 Javascript
12个非常有创意的JavaScript小游戏
Mar 18 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 Javascript
[原创]推荐10款最热门jQuery UI框架
Aug 19 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 Javascript
老生常谈JavaScript 函数表达式
Sep 01 Javascript
js绘制购物车抛物线动画
Nov 18 Javascript
简单实现js放大镜效果
Jul 24 Javascript
axios发送post请求,提交图片类型表单数据方法
Mar 16 Javascript
vue.draggable实现表格拖拽排序效果
Dec 01 Javascript
vue实现在进行增删改操作后刷新页面
Aug 05 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
Oct 30 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 中 Orientation 属性判断上传图片是否需要旋转
2015/10/16 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
php 可变函数使用小结
2018/06/12 PHP
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
js 显示base64编码的二进制流网页图片
2014/04/04 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
2015/07/27 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
ionic2打包android时gradle无法下载的解决方法
2017/04/05 Javascript
react-native 完整实现登录功能的示例代码
2017/09/11 Javascript
Angular父组件调用子组件的方法
2018/04/02 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
2019/04/29 Javascript
微信小程序实现动态列表项的顺序加载动画
2019/07/25 Javascript
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
python脚本实现分析dns日志并对受访域名排行
2014/09/18 Python
浅谈python中的变量默认是什么类型
2016/09/11 Python
在python环境下运用kafka对数据进行实时传输的方法
2018/12/27 Python
Python PO设计模式的具体使用
2019/08/16 Python
波兰化妆品和护肤品购物网站:eKobieca
2019/08/30 全球购物
Linux如何压缩可执行文件
2014/03/27 面试题
大四自我鉴定
2014/02/08 职场文书
心理健康日活动总结
2014/05/08 职场文书
企业职业病防治方案
2014/05/29 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
2015年小学英语教师工作总结
2015/05/12 职场文书
不同意离婚上诉状
2015/05/23 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
五年级作文之劳动作文
2019/11/12 职场文书
python实现自动化群控的步骤
2021/04/11 Python
Python机器学习之逻辑回归
2021/05/11 Python
SQL Server数据库查询出现阻塞之性能调优
2022/04/10 SQL Server
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL