публикация данных формы с помощью API FETCH

При использовании интерфейса FormData в API FETCH для публикации данных формы важно понять его поведение по умолчанию. По умолчанию он отправляет данные с использованием формата «Multipart/Form-Data», который не совместим с форматом «Application/X-WWW-Form-Urlencoded». "Application/xwww-form-urlencoded" с использованием API Fetch, вы можете выполнить эти шаги:

1. преобразовать FormData в urlSearchParams:

   Использовать цикл для итерации через объект FormData и добавляйте каждую пару ключевых значений к объекту urlSearchParams. для (const pair of new formdata (formelement)) { data.append (pair [0], pair [1]); }

   или

   const data = new URLSearchParams();
   for (const pair of new FormData(formElement)) {
       data.append(pair[0], pair[1]);
   }

   const data = new urlsearchparams (new formData (formelement)); примечание: Убедитесь, что ваш браузер поддерживает последний метод, прежде чем использовать его.

   const data = new URLSearchParams(new FormData(formElement));

   Отправить данные с использованием API FETCH:

   Сделайте запрос сообщения с корпусом, установленным в объекте urlSearchParams. Не указывайте заголовок типа контента, поскольку по умолчанию будет «Application/xwww-form-urlencoded». Метод: 'post', тело: данные, }) .затем(…);