Как отправить ajax запросы асинхронно?

Question

[Kolya Vantukh]

Столкнулся недавно с проблемой. Допустим есть функции testFunc(),testFunc1(),testFunc1() которые посылают асинхронные ajax запросы. Есть вызывать функции таким образом

testFunc();
console.log(1111111);
testFunc1();
console.log(2222222);
testFunc2();
console.log(3333333);

то асинхронность срабатывает, в консоль сразу же выводит 3 значения(1111111,2222222,3333333), но вот сами запросы из функций отправляются по очереди и блокируют другие ajax запросы. Я правильно понимаю, что здесь вопросы уже не к js, а к бекенду и серверной части? Как сделать чтобы ajax запросы отправлялись параллельно и не блокировали друг друга?

Comments

[d-sem]

Вопросы к организации функций и бекенду.

И почему Вы решили, что они блокируют?

[Дмитрий]

На фронтенде нет параллелизма, все команды выполняются по очереди, но что и каким образом у вас "блокируется" непонятно.

[Kolya Vantukh]

d-sem, на бекенде поставил задержку на 10 секунд к роутам, на которые идут запросы и увидел, что следующий запрос не осуществляется, пока предыдущий не завершился. Т.е. запросы выполнялись через каждые 10 секунд

[d-sem]

Kolya Vantukh, что на бекенде? Если там один воркер то логично. Если нет, то что то не так с запросом на фронте. Добавьте логи внутрь функции. Мб нет у вас асинка.

[Kolya Vantukh]

d-sem, на бекенде вообще нет воркеров. Обычный запрос на php. В таком случае так и должны вести себя ajax-ы?

[d-sem]

Kolya Vantukh, php очень по разному можно приготовить. Нужен код, особенно фронта.

[smilingcheater]

Kolya Vantukh, у вас случайно на PHP сессия не стартует? если стартует и хранится в файлах - то проблема в блокировке файлов сессий

[Kolya Vantukh]

d-sem, ради эксперимента упростил
js

function test() {
    $.ajax({
        type: 'get',
        cache: false,
        url: "index.php?route=delivery/shipping_method/getDeliveryCost&shipping_method_id=129",
        success: function (result) {

        }
    })
}
test();
console.log(1111111);
test();
console.log(2222222);
test();
console.log(3333333);

На php просто поставилsleep(10);

[Надим]

Kolya Vantukh, ошибок не вижу, все ваши аякс функции ДОЛЖНЫ выполнятся паралельно и независимо. То, что он отрабатывают по очереди означает лишь то, что ваш бэкенд отдаёт результаты по очереди. Возможно какая-то настройка на вашем сервере не позволяет установить одновременно несколько соединений с одного IP. Короче, ковыряйте свой сервак и php скрипты.

P. S. Кстати, вы там явно что-то пишите в базу или читайте. Возможно проблема со стороны БД.

[Kolya Vantukh]

smilingcheater, скорее всего здесь и проблема. Пробовал посылать запрос на страницу без инициализации фреймворка - выполняется паралельно

Answer 1

[Aetae]

Не это фигня, если в скрипте внутри ваших testFunc нет никакого механизма очереди, то браузер запускает всё запросы сразу. Однако в самом браузере есть внутренние ограничения на количество одновременных запросов: 2-8 на домен в зависимости от браузера (+может быть настроено), если запросов больше - они ставятся в очередь и могут отвалиться по таймауту.
Если ваш сервер задерживает ответ, то это только его дело - в браузере все что запущены висят и ждут ответа.