用于设置一个键值对。如果键已经存在，则覆盖其值。

formData.set('username', 'JaneDoe');

delete()

用于删除指定的键及其对应的值。

formData.delete('username');

get()

用于获取指定键的第一个值。

let username = formData.get('username');

getAll()

用于获取指定键的所有值。

let allUsernames = formData.getAll('username');

has()

用于检查 FormData 对象中是否存在指定的键。

let hasUsername = formData.has('username');

entries()

返回一个迭代器，可以用来遍历 FormData 对象中的所有键值对。

for (let pair of formData.entries()) {

console.log(pair[0] + ': ' + pair[1]);

}

发送 FormData 对象

可以使用 XMLHttpRequest 或 Fetch API 来发送 FormData 对象。下面是一个使用 Fetch API 的示例：

fetch('https://example.com/api/upload', {

method: 'POST',

body: formData

})

.then(response => response.json())

.then(data => console.log(data))

.catch(error => console.error('Error:', error));

实际示例

假设你有一个 HTML 表单，需要上传文件和其他数据：

<form id="uploadForm">code>

<input type="text" name="username" value="JohnDoe">code>

<input type="file" name="profilePic">code>

<button type="submit">Upload</button>code>

</form>

你可以使用以下 JavaScript 代码来处理表单提交并使用 FormData 对象发送数据：

document.getElementById('uploadForm').addEventListener('submit', function(event) {

event.preventDefault(); // 阻止表单默认提交

let form = document.getElementById('uploadForm');

let formData = new FormData(form);

fetch('https://example.com/api/upload', {

method: 'POST',

body: formData

})

.then(response => response.json())

.then(data => console.log(data))

.catch(error => console.error('Error:', error));

});

总结