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 {}


目录
打赏
0
0
0
0
81
分享
相关文章
js中new和object.creat区别
【10月更文挑战第29天】`new` 关键字和 `Object.create()` 方法在创建对象的方式、原型链继承、属性初始化以及适用场景等方面都存在差异。在实际开发中,需要根据具体的需求和设计模式来选择合适的方法来创建对象。
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
97 0
JS篇(Array、Object)
JS篇(Array、Object)
42 1
Vue.js 响应式变革来袭!结合热点技术,探索从 Object.defineProperty 到 Proxy 的奇妙之旅,触动你的心
【8月更文挑战第30天】在 Vue.js 中,响应式系统自动追踪并更新数据变化,极大提升了开发体验。早期通过 `Object.defineProperty` 实现,但存在对新旧属性处理及数组操作的局限。Vue 3.0 引入了 `Proxy`,克服了上述限制,提供了更强大的功能和更好的性能。实践中,可根据项目需求选择合适的技术方案,并优化数据操作,利用懒加载等方式提升性能。
61 0
|
8月前
|
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
JS【详解】Map (含Map 和 Object 的区别,Map 的常用 API,Map与Object 的性能对比,Map 的应用场景和不适合的使用场景)
229 0
JavaScript与Object C的区别
JavaScript与Object C的区别
47 1
前端 js 经典:Object 常用原生方法
前端 js 经典:Object 常用原生方法
128 2
js 字符串String转对象Object
该代码示例展示了如何将一个以逗号分隔的字符串(`'1.2,2,3,4,5'`)转换为对象数组。通过使用`split(',')`分割字符串并`map(parseFloat)`处理每个元素,将字符串转换成浮点数数组,最终得到一个对象数组,其类型为`object`。
407 2
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
55 1
JavaScript中的原型 保姆级文章一文搞懂
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
145 2

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等