怎么在console里面查看formdata的内容

在浏览器的控制台（Console）查看`FormData`内容通常是在JavaScript环境中，特别是在处理表单提交时。你可以按照以下步骤在控制台检查`FormData`：

1. **触发事件**：首先，你需要触发表单的提交事件，比如用户点击了提交按钮，或者你在代码中手动模拟这个事件（如上述代码中的`e.preventDefault()`和AJAX请求部分）。

2. **暂停事件循环**：当你想要检查`FormData`时，可以使用`event.preventDefault()`阻止表单的默认提交行为，以便在处理完一些操作后再继续提交。

3. **获取FormData**：在阻止默认提交之后，你可以直接访问`event.target`（对于DOM元素是`this`），然后访问其`FormData`属性，即`event.target.formData`。

4. **打印内容**：现在可以在控制台（`console`对象）上调用`console.log()`，并将`FormData`对象作为参数传递进去，例如 `console.log(formData)`。这将会显示一个键值对列表，其中键是表单字段名，值是相应的字段值。

// 示例
let formData = event.target.formData;
formData.forEach(function(value, key) {
    console.log(key + ": " + value);
});