必须删除提交按钮的data-bs-dismiss="modal"属性，改用submit事件监听并调用e.preventdefault()，动态加载内容需事件委托；成功后手动hide、重置表单、恢复按钮状态，并清理资源。
submit事件监听必须用原生或正确委托，别被data-bs-dismiss干扰
Modal里表单点提交就关掉，八成是按钮上挂着data-bs-dismiss="modal"。这个属性会抢在JS执行前强制关闭模态框，导致fetch或$.ajax根本没机会发出去。
检查按钮HTML，删掉data-bs-dismiss="modal"；如果用jQuery，确保监听的是submit事件而非click，且第一行就调用e.preventDefault()。
- 动态插入的Modal（比如通过
$.get()加载内容后modal('show')），要用事件委托：$(document).on('submit', '#myForm', handler) - 原生写法更稳：
form.addEventListener('submit', e => { e.preventDefault(); ... })，不依赖jQuery版本，也避开了Bootstrap 5+弃用jQuery带来的兼容风险 - 别在Modal的
hidden.bs.modal回调里读取表单值——那时用户可能已关闭窗口，输入字段状态不可靠
FormData是文件上传和普通字段统一处理的关键
只要表单enctype设为multipart/form-data，用new FormData(formElement)就能自动打包所有字段，包括<input type="file">。不用手动拼JSON.stringify()，也不用设Content-Type头——浏览器会自动生成带boundary的 multipart header。
- 如果后端只认
application/json，就得手动提取字段、过滤空值、再JSON.stringify()，但这时<input type="file">无法直接传，得先用FileReader转base64或走单独上传接口 -
FormData.append()可追加额外参数，比如formData.append('action', 'update')，比在URL里拼query更干净 - 用
fetch时直接传formData作body；用$.ajax则需显式设processData: false和contentType: false，否则jQuery会强行序列化并覆盖header
提交成功后Modal状态必须手动管理
Bootstrap不会因为你AJAX成功就自动关模态框、清表单、恢复按钮状态。这些全得代码控制，漏一步就会卡住或残留脏数据。
- 成功回调里必须显式调用
$('#myModal').modal('hide')，不能指望后端重定向或页面跳转 - 清空建议放在
shown.bs.modal事件里（每次打开前）：用form.reset()或form.querySelectorAll('input,select,textarea').forEach(el => el.value = '') - 防重复提交：提交前
button.disabled = true，并在finally块或always回调中恢复，别只写在success里——失败时按钮会永远卡死 - 验证失败时绝对不要调用
modal('hide')，只做UI反馈，比如input.classList.add('is-invalid')+span.invalid-feedback显示错误信息
动态加载内容的Modal要重初始化组件
如果Modal内容是Ajax加载进.modal-body的，新插入的data-bs-toggle元素（如tooltip、collapse）不会自动生效——Bootstrap的JS初始化只跑一次。
- 替换
.modal-body.innerHTML后，对新内容里的[data-bs-toggle="tooltip"]，得手动调用new bootstrap.Tooltip(el) - 表单里用了
data-bs-toggle="select"这类第三方插件？加载完要重新初始化，比如$('.selectpicker').selectpicker('refresh') - 关闭Modal时记得清理：用
AbortController取消未完成的fetch，移除动态绑定的addEventListener，销毁tinymce/flatpickr等实例，否则内存泄漏
show都得当全新环境来对待，初始化、交互、清理一个都不能少。
