如何在onSubmit方法中修改表单POST请求体结构（不修改字段值）

嗨，很高兴你已经理清了onsubmit和action的执行顺序！针对你想修改POST请求体结构却不想改动表单字段的需求，我给你几个实用的文档参考方向，帮你找到思路：

• FormData API 官方文档：这是处理表单数据的核心工具，你可以通过它读取表单现有字段的值，然后重新构建符合需求的键值对结构。重点关注FormData的实例化方法、append()/delete()这类修改数据的操作，以及如何将其转化为适合POST请求的格式。
• Fetch API 或 XMLHttpRequest 文档：要自定义发送请求，你需要用这两个API替代表单的默认提交行为。在onsubmit中阻止默认提交后，用处理好的FormData（或者手动构建的请求体）通过这些API发送POST请求，重点学习如何设置请求头（比如Content-Type）和传递自定义请求体的方法。
• DOM表单事件默认行为控制：一定要先掌握event.preventDefault()的用法，它能阻止表单的默认提交动作，让你有机会完全掌控请求的发送流程。相关文档会详细解释DOM事件的默认行为机制，以及如何正确拦截。
• 若使用前端框架：对应框架的表单处理文档：如果你在用React、Vue这类框架，它们都有自己的表单状态管理和自定义提交方案，框架文档里会有针对自定义请求体的具体指引，不过原生API的知识仍是基础。

内容的提问来源于stack exchange，提问作者ggonmar