使用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控制iframe滚动的代码
Apr 10 Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
Jun 25 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 Javascript
多种方法实现load加载完成后把图片一次性显示出来
Feb 19 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
js中json对象和字符串的理解及相互转化操作实现方法
Sep 22 Javascript
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
基于js实现抽红包并分配代码实例
Sep 19 Javascript
JS深入学习之数组对象排序操作示例
May 01 Javascript
解决vue watch数据的方法被调用了两次的问题
Nov 07 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 array操作10个小技巧分享
2011/06/23 PHP
php查看当前Session的ID实例
2015/03/16 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
PHP实现的简单操作SQLite数据库类与用法示例
2017/06/19 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
JavaScript 10件让人费解的事情
2010/02/15 Javascript
javascript加号&quot;+&quot;的二义性说明
2013/03/04 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
2015/06/25 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
利用bootstrapValidator验证UEditor
2016/09/14 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
layui分页效果实现代码
2017/05/19 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
JS中touchstart事件与click事件冲突的解决方法
2018/03/12 Javascript
JS监听滚动和id自动定位滚动
2018/12/18 Javascript
解决vue中el-tab-pane切换的问题
2020/07/19 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
Python中if __name__ == '__main__'作用解析
2015/06/29 Python
有趣的python小程序分享
2017/12/05 Python
浅析python3字符串格式化format()函数的简单用法
2018/12/07 Python
python实现图片彩色转化为素描
2019/01/15 Python
python实现LBP方法提取图像纹理特征实现分类的步骤
2019/07/11 Python
Python中函数的返回值示例浅析
2019/08/28 Python
python 三元运算符使用解析
2019/09/16 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
Python实现实时数据采集新型冠状病毒数据实例
2020/02/04 Python
Python新手如何进行闭包时绑定变量操作
2020/05/29 Python
Python限制内存和CPU使用量的方法(Unix系统适用)
2020/08/04 Python
python实现AdaBoost算法的示例
2020/10/03 Python
省级四好少年事迹材料
2014/01/25 职场文书
大学活动总结格式
2014/04/29 职场文书
群众路线领导对照材料
2014/08/23 职场文书
地道战观后感300字
2015/06/04 职场文书
公务员学习中国梦心得体会
2016/01/05 职场文书
关于企业的执行力标语大全
2020/01/06 职场文书