Как в JS отправить параллельно AJAX запрос

Для параллельной отправки AJAX-запросов можно использовать Promise.all() с fetch или axios. Это позволяет выполнить несколько запросов одновременно и дождаться их завершения.

Пример с fetch:

const urls = ['/api/data1', '/api/data2'];

Promise.all(urls.map(url => fetch(url)))
  .then(responses => Promise.all(responses.map(res => res.json())))
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

Пример с axios:

const requests = [
  axios.get('/api/data1'),
  axios.get('/api/data2')
];

Promise.all(requests)
  .then(responses => console.log(responses))
  .catch(error => console.error('Error:', error));

Оба примера отправляют запросы параллельно. Promise.all ждёт завершения всех запросов, но если один завершится с ошибкой - весь Promise.all будет отклонён. Для обработки частичных успехов можно использовать Promise.allSettled().