new FormData()的使用及问题记录

最新推荐文章于 2023-08-15 16:33:11 发布

卡洛背心

最新推荐文章于 2023-08-15 16:33:11 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：数据处理文章标签： javascript html5 html

25 篇文章

订阅专栏

这篇博客介绍了如何在JavaScript中创建并操作FormData对象，包括添加、获取和删除数据的方法。同时，提供了检查一个对象是否为FormData或普通Object的函数。这对于前端开发中表单数据的处理和提交至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var formData = new FormData();

formData.append("username", "Groucho");

formData.get("username");

formData.delete('username')

在控制台打印formData是看不到的。因为外界访问不到，你使用append方法后，对应的键值对就已经添加到表单里面了，你在控制台看到的是FormData原型，存储的数据没有以对象属性的方式体现。
想获取可以尝试以下两种方法

 for (var value of formData.values()) {
    console.log(value);
 }

 for (var [a, b] of formData.entries()) {
    console.log(a, b);
 }

另外，判断一个对象是不是FormData对象

let isFormData = (v) => {
    return Object.prototype.toString.call(v) === '[object FormData]';
}
console.log(isFormData(new FormData()));

类似的，判断是否是普通的Object

let isObject = (v) => {
    return Object.prototype.toString.call(v) === '[object Object]';
}

console.log(isObject({}));