使用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 相关文章推荐
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
Mar 05 Javascript
JavaScript编程的单例设计模讲解
Nov 10 Javascript
谈谈JavaScript中的几种借用方法
Aug 09 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
微信小程序 获取相册照片实例详解
Nov 16 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
Vue.js的动态组件模板的实现
Nov 26 Javascript
监听element-ui table滚动事件的方法
Mar 26 Javascript
JS字符串常用操作方法实例小结
Jun 24 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
zend Framework中的Layout(模块化得布局)详解
2013/06/28 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
javascript闭包的理解
2015/04/01 Javascript
js控制网页前进和后退的方法
2015/06/08 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
很棒的一组js图片轮播特效
2017/01/12 Javascript
JavaScript 函数的定义-调用、注意事项
2017/04/16 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
微信小程序progress组件使用详解
2018/01/31 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
2018/05/27 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
Python socket C/S结构的聊天室应用实现
2014/11/30 Python
python清除字符串里非字母字符的方法
2015/07/02 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
python3.6数独问题的解决
2019/01/21 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
在keras里面实现计算f1-score的代码
2020/06/15 Python
python实现批量转换图片为黑白
2020/06/16 Python
Nicole Miller官方网站:纽约女装品牌
2019/09/14 全球购物
DataReader和DataSet的异同
2014/12/31 面试题
函授教育个人学习的自我评价
2013/12/31 职场文书
写给妈妈的道歉信
2014/01/11 职场文书
大学运动会通讯稿
2014/01/28 职场文书
优秀学生事迹材料
2014/02/08 职场文书
2014年平安夜寄语
2014/12/08 职场文书
写给父母的感谢信
2015/01/22 职场文书
Python实战之疫苗研发情况可视化
2021/05/18 Python
go goroutine 怎样进行错误处理
2021/07/16 Golang
使用canvas对video视频某一刻截图功能
2021/09/25 HTML / CSS
springboot读取resources下文件的方式详解
2022/06/21 Java/Android