Chrome Devtool, как проверить данные формы, отправленные с помощью form.submit ()

Question

xhr-данные формы-типа содержимого Я могу проверить содержимое данных формы, отправленное xhr в chrome devtool, как показано на рисунке выше,

form.submit ()-data Тем не менее, я вижу старую библиотеку, использующую метод form.submit () по умолчанию для загрузки изображения.Из заголовков запроса показано «Content-Type: multipart / form-data; border = ----...».Но тело запроса (раздел данных формы) даже не отображается в devtool.

Я редко использую метод отправки по умолчанию.Это поведение по умолчанию на Chrome?Если так, то почему?И есть ли обходной путь?Как я хочу видеть Content-Disposition.

---

Редактировать:

Пробовал вариант "сохранить журнал", но не повезло.Похоже, ошибка в Chrome, поскольку я вижу полезную нагрузку запроса на Edge и Firefox.

Answer 1

Вы можете использовать submit событие для вывода данных.

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

Это должно работать нормально, если ваша форма использует preventDefault();

Answer 2

Вы пытались проверить опцию сохранения журнала в инструменте разработчика Chrome, см. Этот рисунок:

https://ibb.co/cxNRCDD

При отправке формы и обновлении браузера браузер Chrome dev теряетдата, так что если это так, вам просто нужно проверить опцию «сохранить журнал»