chromedevtool如何检查由form.submit()提交的表单数据



xhr内容类型表单数据我可以在chrome devtool上检查xhr提交的表单数据内容,如上图所示

form.submit((表单数据然而,我看到一个旧库使用默认的form.submit((方法上传图像。从请求头中,它显示"内容类型:multipart/form-data;boundary=----…"。但请求体(form-data部分(甚至没有出现在devtool上。

我很少使用默认的提交方法。这是chrome的默认行为吗?如果是,为什么?有什么变通办法吗?正如我想看到的内容处置。


编辑:

尝试了"保留日志"选项,但没有成功。这似乎是chrome上的一个bug,因为我可以在Edge和Firefox上看到请求负载。

您尝试过在Chrome开发工具中检查保留日志选项吗?请参阅以下图片:

https://ibb.co/cxNRCDD

当你发送表单,浏览器正在刷新chrome dev工具时,会丢失日期,所以如果是这种情况,你只需要检查";保存日志";选项

您可以使用submit事件来输出数据。

const form = document.querySelector('#formId');
form.addEventListener('submit', console.log);

如果您的表单使用preventDefault();,这应该可以正常工作

最新更新