js:object转FormData提交数据

简介: js:object转FormData提交数据

文档

文档给出的用法示例

var formData = new FormData();
formData.append("username", "Groucho");

object转 FormData

let data = {
    name: 'Tom',
    age: 20,
}
let formData = new FormData()
for (let[key,value] of Object.entries(data)) {
    formData.append(key, value)
}
console.log(formData);

封装为函数

/**
* js对象Object转FormData
*/
function objectToFormData(data) {
    let formData = new FormData()
    for (let[key,value] of Object.entries(data)) {
        formData.append(key, value)
    }
    return formData
}

使用示例

let data = {
    name: 'Tom',
    age: 20,
}
console.log(objectToFormData(data));
// FormData {}


相关文章
|
11月前
|
设计模式 JavaScript 前端开发
js中new和object.creat区别
【10月更文挑战第29天】`new` 关键字和 `Object.create()` 方法在创建对象的方式、原型链继承、属性初始化以及适用场景等方面都存在差异。在实际开发中,需要根据具体的需求和设计模式来选择合适的方法来创建对象。
|
12月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
185 0
|
存储 JavaScript 前端开发
JS篇(Array、Object)
JS篇(Array、Object)
141 1
|
JavaScript 前端开发 开发者
Vue.js 响应式变革来袭!结合热点技术,探索从 Object.defineProperty 到 Proxy 的奇妙之旅,触动你的心
【8月更文挑战第30天】在 Vue.js 中,响应式系统自动追踪并更新数据变化,极大提升了开发体验。早期通过 `Object.defineProperty` 实现,但存在对新旧属性处理及数组操作的局限。Vue 3.0 引入了 `Proxy`,克服了上述限制,提供了更强大的功能和更好的性能。实践中,可根据项目需求选择合适的技术方案,并优化数据操作,利用懒加载等方式提升性能。
126 0
|
JavaScript 前端开发 索引
JavaScript与Object C的区别
JavaScript与Object C的区别
76 1
|
前端开发 JavaScript
前端 js 经典:Object 常用原生方法
前端 js 经典:Object 常用原生方法
200 2
|
JSON JavaScript API
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
708 0
|
JavaScript
js 字符串String转对象Object
该代码示例展示了如何将一个以逗号分隔的字符串(`'1.2,2,3,4,5'`)转换为对象数组。通过使用`split(',')`分割字符串并`map(parseFloat)`处理每个元素,将字符串转换成浮点数数组,最终得到一个对象数组,其类型为`object`。
589 2
|
JavaScript 前端开发
JavaScript 使用对象字面量创建对象、使用new Object创建对象
JavaScript 使用对象字面量创建对象、使用new Object创建对象
215 0
|
存储 JavaScript
JS中Map对象与object的区别
JS中Map对象与object的区别