Можно ли отследить завершение всех синхронных post запросов?

Question

[Виталий Питаленко]

Есть цикл в котором вызываются ajax с post запросами синхронно (async:false). Можно ли отследить и выполнить действие после завершения всех запросов?

Comments

[v3shin]

При чем тут цикл? Отследить на фронте или бэке? Какой код?

[Виталий Питаленко]

property.forEach(function (item, i) {
    let data_property = {};
    $.ajax({
        url: ajaxurl,
        method: 'POST',
        dataType: 'html',
        data: data_property,
        async: false,
        cache: false,
        success: function (r) {
            let result = JSON.parse(r);

            property_json.agent.property[i].id_post = parseInt(result.id_post);

            let data_save = property_json.agent.property[i];
            let data_name = result.id_post + '.json';

            $.post(ajaxurl, {
                action: 'nv_save_property_json',
                data: JSON.stringify({"property": data_save}),
                name: data_name
            }, function (r) {
            }, 'json');
        }
    });
})

[Ипатьев]

Виталий, скажите, а вы вообще понимаете, как называется тот язык программирования, на котором это написано?

[Виталий Питаленко]

Роман Юрьевич Ипатьев, Не понимаю суть вопроса. На JS

[Ипатьев]

а тег вы какой вопросу поставили?

[Виталий Питаленко]

Роман Юрьевич Ипатьев, Извиняюсь не доставил немного тегов. Но ajax то тут тоже присутствует.

[Ипатьев]

надо не "доставлять", а убирать лишние. Пункт 3.1 правил
какое отношение имеет РНР к вашим промисам?

[Виталий Питаленко]

Роман Юрьевич Ипатьев, Убрал. Просто для меня это все в данном случае взаимосвязанно JS->AJAX->PHP, по этой причине и проставил

[Ипатьев]

Плохо, что взаимосвязано.
потому что серверная часть к вопросу не имеет никакого отношения.
Если на сервере будет node.js, то разницы не будет никакой

Answer 1

[Rsa97]

Если запросы вызываются синхронно, то цикл закончится только после завершения всех запросов, ничего дополнительно отслеживать не надо.
Но, вроде, во всех современных браузерах синхронные запросы запрещены и надо использовать Promise.all.

Comments

[Виталий Питаленко]

Можете поподробнее объяснить как пользоваться Promise? Вот мой код:

property.forEach(function (item, i) {
    let data_property = {};
    $.ajax({
        url: ajaxurl,
        method: 'POST',
        dataType: 'html',
        data: data_property,
        async: false,
        cache: false,
        success: function (r) {
            let result = JSON.parse(r);

            property_json.agent.property[i].id_post = parseInt(result.id_post);

            let data_save = property_json.agent.property[i];
            let data_name = result.id_post + '.json';

            $.post(ajaxurl, {
                action: 'nv_save_property_json',
                data: JSON.stringify({"property": data_save}),
                name: data_name
            }, function (r) {
            }, 'json');
        }
    });
})

[Rsa97]

Виталий Питаленко, Как-то так.

await Promise.all(
  property.map(
    (item) => new Promise((resolve) => {
      let data_property = {};
      $.ajax({
        url: ajaxurl,
        method: 'POST',
        dataType: 'html',
        data: data_property,
        async: false,
        cache: false,
        success: function (r) {
          let result = JSON.parse(r);
          property_json.agent.property[i].id_post = parseInt(result.id_post);
          let data_save = property_json.agent.property[i];
          let data_name = result.id_post + '.json';
          $.post(ajaxurl, {
            action: 'nv_save_property_json',
            data: JSON.stringify({"property": data_save}),
            name: data_name
          }, function (r) {
            resolve(r);
          }, 'json');
        }
      })
    })
  )
);

Answer 2

[WebEagle]

ну конечно не самый лучший пример (side effect присутствует)

var flagStatus = new Map();
flagStatus('request1', 'init');
flagStatus('request2', 'init');
// ....
flagStatus('requestN', 'init');

// тут делаем вызовы в цикле, после каждого вызова меняем статус в flagStatus на finish (любой, чтобы вам было понятно что этот завершен)

// перед вызовом действия проверяем чтобы все в flagStatus было finish