使用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 attachEvent传递参数的办法
Dec 14 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
Javascript堆排序算法详解
Dec 03 Javascript
使用javascript实现雪花飘落的效果
Jan 13 Javascript
javascript中Array数组的迭代方法实例分析
Feb 04 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
JS+CSS实现简易的滑动门效果代码
Sep 24 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
Mar 27 Javascript
详解webpack3编译兼容IE8的正确姿势
Dec 21 Javascript
代码详解javascript模块加载器
Mar 04 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代码网站如何防范SQL注入漏洞攻击建议分享
2012/03/01 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
如何使用微信公众平台开发模式实现多客服
2016/01/06 PHP
php接口技术实例详解
2016/12/07 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
js constructor的实际作用分析
2011/11/15 Javascript
通过一段代码简单说js中的this的使用
2013/07/23 Javascript
javascript自动给文本url地址增加链接的方法分享
2014/01/20 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
2016/10/21 Javascript
JavaScript函数节流和函数防抖之间的区别
2017/02/15 Javascript
jQuery中table数据的值拷贝和拆分
2017/03/19 Javascript
关于axios如何全局注册浅析
2018/01/14 Javascript
VeeValidate 的使用场景以及配置详解
2019/01/11 Javascript
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
js+css实现全屏侧边栏
2020/06/16 Javascript
python中对list去重的多种方法
2014/09/18 Python
进一步理解Python中的函数编程
2015/04/13 Python
Python中functools模块函数解析
2017/03/12 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
Python3 关于pycharm自动导入包快捷设置的方法
2019/01/16 Python
使用django实现一个代码发布系统
2019/07/18 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
python PIL/cv2/base64相互转换实例
2020/01/09 Python
使用PyTorch实现MNIST手写体识别代码
2020/01/18 Python
Python如何定义一个函数
2015/09/01 面试题
毕业生教师求职信
2013/10/20 职场文书
学校交通安全责任书
2014/08/25 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
企业法人代表证明书
2015/06/18 职场文书
股权投资协议书
2016/03/23 职场文书
python实现双向链表原理
2022/05/25 Python