Vue项目中怎样把参数(对象)转成formdata传给后端? 封装函数 亲测有效
2024-09-18 19:58:38
普通传参格式如下:
想要的formData参数格式如下:
首先封装参数(对象)转换为formData格式
getFormData(object) {
const formData = new FormData();
Object.keys(object).forEach(key => {
const value = object[key];
if(Array.isArray(value)) {
value.forEach((subValue, i) => {
formData.append(key + `[${i}]`, subValue)
})
} else {
formData.append(key, object[key])
}
})
return formData;
},
调用示例:注意看画红线位置
就这么简单 完结!撒花✿✿ヽ(°▽°)ノ✿
作者:微微一笑绝绝子
出处:https://www.cnblogs.com/wwyxjjz/p/17032298.html
本博客文章均为作者原创,转载请注明作者和原文链接。
最新文章
- CLASSIC VS INTERGRATED IN IIS 7.0
- java线程详解(一)
- 预写式日志WAL
- 嵌入式 Linux线程同步读写锁rwlock示例
- 彻底搞清js中闭包(Closure)的概念
- 2016/7/6 神·CPU的人类极限在哪?
- SVM算法实现(一)
- Servlet 应用程序事件、监听器
- 在centos6编译安装http-2.4
- xml文档读取-SAX
- day72Django之ORM
- Android学习笔记(1):常用按钮点击事件处理方式
- Unity3D中播放视频的方法
- STL算法之函数copy
- 用where导致group by分组字段的索引失效
- Leetcode 1005. K 次取反后最大化的数组和
- ARMCC和GCC编译ARM代码的软浮点和硬浮点问题【转】
- 在 Intellij IDEA 中部署 Java 应用到 阿里云 ECS
- [转]理解java的三大特性之多态
- C++易混淆概念
热门文章
- IDEA 2022.1.3 配置 Tomcat 模板
- 解决 requests cookies 为空的坑
- 企业应用架构研究系列十三:整合EFCore&;Dapper 通用ORM框架EFDapper
- 轻松理解Promise.all 、Promise.then、Promise.race有什么区别以及使用方法
- 使用pyenv对python进行版本控制—很好用
- 流思想概述-两种获取Stream流的方式
- springBoot简单记录日志
- 11月25日内容总结——sql查询关键字
- eclipse配置JD-Eclipse反编译java的class文件 【2021年最新版使用教程】
- Solon2 开发之插件,二、插件扩展机制(Spi)