Как отправлять сразу несколько запросов в JavaScript?

Question

[AnatolyBossman]

Добрый вечер, столкнулся с потребностью отправить несколько запросов с помощью библиотеки axios. Вопрос. Как это реализовать? С помощью чего? Подойдет ли тут многопоточность или я что то путаю?

Answer 1

[Дмитрий Беляев]

Подойдет ли тут многопоточность или я что то путаю?

В JS нет многопоточности.

Как это реализовать? С помощью чего?

Просто отправить несколько запросов сразу. Запросы работают асинхронно и не блокируют поток выполнения.
Если нужно дождаться сразу несколько ответов, есть Promise.all и Promise.allSettled

P.S. зачем тащить в приложение тяжелый и ограничивающий функционал axios, когда есть нативный fetch?

Comments

[Пашенька]

Более того зачем fetch, когда есть супер кроссбраузерный XMLHttpRequest.

[Дмитрий Беляев]

Пашенька, XMLHttpRequest - deprecated, fetch - стандарт, и вполне себе кроссбраузерный, а если все же нужны динозавры 5 летней давности, то есть полифил, который легче axios и у большинства не будет грузится

[i1yas]

Дмитрий Беляев, а где прочитать про то, что XHR deprecated, все что я нахожу, это вот такое

Synchronous XMLHttpRequest on the main thread is deprecated

А если deprecated, но мне нужно событие progress, то как в fetch с ним быть?

[Lynn «Кофеман»]

fetch слишком низкоуровневый. Придётся вручную разбираться с 500, редиректами и прочими «ошибками»

[Дмитрий Беляев]

Lynn «Кофеман», а Вы предлагаете падать каждый раз, когда сервер вернул 500?
i1yas, ну насчет deprecated конечно некоректно выразился, правильнее наверно outdated, устаревший.
Ну а Streams API (которое fetch поддерживает, но всякие axios не умеют, хотя оно вообще ничего не умеет кроме запросов в лоб) позволяет не только прогресс считать с огромной точностью, но и делать еще много полезных вещей.

[Lynn «Кофеман»]

Дмитрий Беляев, нет. Просто в axios всё это уже учтено и нет смысла писать это самостоятельно. Особенно со запасом знаний автора вопроса

[Rerurk]

Дмитрий Беляев, а корректно ли будет тыкать еще раз с запросос если 500(сорри за тупой вопрос если он туп)

[Дмитрий Беляев]

Rerurk, зависит от многих вещей
Lynn «Кофеман», axios делает самое плохое, что можно сделать в такой ситуации - кидает эксепшн, притом без вариантов

[Rerurk]

Дмитрий Беляев, fetch в этом отношении более практичен?

[Дмитрий Беляев]

Rerurk, в каком отношении?
Я бы сказал, что fetch более гибок, при том что это достаточно высокоуровневое апи, он позволяет сделать абсолютно все, что позволяет сделать с запросами браузер. И при этом он не увеличивает Ваш бандл на треть мегабайта...

[Rerurk]

Дмитрий Беляев, Дмитрий здравствуйте, мучаюсь неделю, подскажите пожалуйста направление для решения. Нужно сформировать fetch с сайта на сервер другого хостинга. Сервер запрос видит, но возражает ошибку. Запарился искать. Заранее огромное спасибо.

[Дмитрий Беляев]

Rerurk, вангую что дело в CORS

[Rerurk]

Дмитрий Беляев, ах если бы это было так же просто для меня как и для вас. Я понимаю время деньги. За сколько вы готовы помочь в этом вопросе. Тут я понимаю надо ли сервер сторонница тоже настроить так что бы он отдал башку

[Rerurk]

Дмитрий Беляев, в частности мне нужно принять объект упакованный в json

[Дмитрий Беляев]

Rerurk, это именно на сервере делается, есть доступ к серверу к которому делаете запрос?

[Rerurk]

Дмитрий Беляев, да полный, сервер видит запрос, но тело пустое

[Дмитрий Беляев]

Rerurk, если кратко, CORS - это такой механизм безопасности.
Браузер по умолчанию запрещает все при запросах к стороннему серверу, но перед основным запросом браузер делает запрос OPTION где сервер может перечислить, что он разрешает данному сайту с помощью заголовков вида Access-Control-Allow-* где вместо * подставляется слово - что разрешаем
Самый основной здесь - Access-Control-Allow-Origin - он говорит, каким сайтам разрешены запросы.
О остальных читайте тут: https://developer.mozilla.org/ru/docs/Web/HTTP/CORS

[Rerurk]

Дмитрий Беляев, спасибо и на этом, туда я уже попал) лан пойду за бубном