Как передать массив FormData через ajax?

Для передачи массива FormData через AJAX в JavaScript вам потребуются несколько шагов.

Шаг 1: Создание объекта FormData и заполнение его данными
Сначала вам нужно создать экземпляр объекта FormData и заполнить его данными, используя метод append(). Пример кода:

var formData = new FormData();
formData.append('name', 'John');
formData.append('email', '[email protected]');

Вы можете добавить столько полей, сколько нужно, например, для каждого элемента вашего массива FormData.

Шаг 2: Отправка данных с помощью AJAX
Далее, вам понадобится использовать AJAX для отправки данных на сервер. В данном примере мы будем использовать метод XMLHttpRequest(). Пример кода:

var xhr = new XMLHttpRequest();
xhr.open('POST', 'your-url', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    // Обработка успешного ответа от сервера
  } else {
    // Обработка ошибок
  }
};
xhr.send(formData);

В этом коде мы создаем объект XMLHttpRequest, задаем метод отправки (POST), URL-адрес сервера (вместо 'your-url' вам нужно указать свой URL-адрес) и устанавливаем асинхронный режим true. Затем, используя метод send(), отправляем данные объекта formData на сервер.

Шаг 3: Обработка ответа от сервера
В функции обратного вызова onload мы можем обработать ответ от сервера. Если строка состояния HTTP равна 200, значит запрос выполнен успешно. Также вы можете добавить обработку ошибок в блок else.

Это основная структура кода для передачи массива FormData через AJAX. У вас должен быть сервер, который будет принимать данные и обрабатывать их соответствующим образом.