简介

在使用JavaScript向服务器发送HTTP请求时，经常需要使用FormData对象来创建表单数据。这个对象提供了很多方法来添加表单数据，其中最常见的两个是set()和append()方法。本文将会详细介绍这两个方法的区别和用法。

FormData.set()

set(name, value)方法用于给FormData对象添加一个字段和它的值。如果相同的字段已经存在，就会用新的值覆盖旧的值。下面是一个例子：

let formData = new FormData();
formData.set('username', 'John');
formData.set('password', '123456');

上面的代码创建了一个FormData对象，并向其中添加了两个字段username和password，分别对应字符串John和123456。

FormData.append()

append(name, value)方法也用于给FormData对象添加一个字段和它的值。和set()方法不同的是，如果相同的字段已经存在，append()方法不会覆盖旧值，而是在旧值后面继续添加新值。下面是一个例子：

let formData = new FormData();
formData.append('username', 'John');
formData.append('username', 'Doe');

上面的代码创建了一个FormData对象，并向其中添加了一个username字段，它有两个值：John和Doe。

区别

总结一下，set()方法用于添加一个字段的值，如果这个字段已经存在，就用新值覆盖旧值；append()方法用于添加一个字段的值，如果这个字段已经存在，就在旧值后面继续添加新值。

总结

FormData对象是JavaScript中用于创建表单数据的重要工具。在使用它的时候，我们需要注意set()和append()方法的区别，根据实际需求进行选择。