Как запустить ajax после исполнения других запросов?

Question

[uaf0x]

Собственно можно кидаться тапками, я толкьо начал изучение этой всей темы.
Есть скрипт который собирает данные, и в конце он должен отправить массив данных в файл, но у меня почему-то скрипт исполняется раньше чем нужно. Юзал ajaxStop у меня тогда скрипт обрабатывается в бесконечном цикле. Как быть ?)

Собственно сам скрипт:

jQuery(document).ready(function() {
	groups = new Array();
	jQuery('.showback').hide();
	jQuery('.getPeople').on('click', function(event) {
		event.preventDefault();
		var data = jQuery('.parceForm').serialize(); 
		jQuery.ajax({
			url: ajaxurl,
			type: 'POST',			
			data: data,
			success:function(data)
			{
				jQuery('.showback').show();
				countMass = JSON.parse(data);
				var progress = 100/countMass['key'];
				var addProgress = 100/countMass['key'];
				var k = 0;
				for (var i = 0; i < countMass['key']; i++) {
					jQuery.ajax({
						url: membersurl,
						type: 'POST',
						data: {q:countMass[0][i]},
						complete:function(data)
						{
							jQuery('.progress-bar').width(progress+"%");
							progress += addProgress;
							groups[k] = data;
							k++;
						}

					});		

				};
				
			},
			complete:function(){
			jQuery.ajax({
				url: userurl,
				type: 'POST',
				data: {'tt': groups}
			});
			}

		});

	});
});

Этот скрипт должен исполнятся 1 раз после выполнения всех ajax запросов.

jQuery.ajax({
				url: userurl,
				type: 'POST',
				data: {'tt': groups}
			});

Answer 1

[Евгений Петров]

Вообще, конечно, не стоит циклом слать на один и тот же адрес данные порознь — достаточно в цикле их собрать и послать один запрос.
Но уж если так приспичило, то стоит сделать примерно так:
Краткий пример

$(function () {
	$('.showback').hide();
	$(document).on('click', '.getPeople', function (e) {
		e.preventDefault();
		$.ajax({
			url: ajaxurl,
			type: 'POST',			
			data: $('.parceForm').serialize(),
			dataType: 'json'
		})
		.done(function (countMass) {
			$('.showback').show();

			for (var i = j = 0, queue = [], groups = [], progress = 100 / countMass.key; i < countMass.key; i++) {
				send(i);
			}

			function send (count) {
				queue.push($.ajax({
					url: membersurl,
					type: 'POST',
					data: {
						q: countMass[0][count]
					}
				}).done(function (data) {
					j++;
					$('.progress-bar').width(progress * j + '%');
					groups[count] = data;
				}));
			}

			$.when.apply($, queue).then(function () {
				$.ajax({
					url: userurl,
					type: 'POST',
					data: {
						tt: groups
					}
				});
			});
		});
	});
});

Comments

[uaf0x]

Спасибо, работает, буду разбираться в написанном :)

[Евгений Петров]

uaf0x: А можно мне по большому секрету объяснить, зачем собирать из кусков данных, полученных с сервера, объект, который потом отослать обратно на сервер? Вам за лишний трафик приплачивают?)

[uaf0x]

Евгений Петров: ахахахах, нет к сожалению :)
Я просто нуб нубский :)
Как придумал так и делаю))
Не знаю как по другому пока сделать )

[Евгений Петров]

uaf0x: Вы получаете с сервера данные, которые уже содержат данные пользователей, а потом отправляете кучу запросов с частями данными, которые только что получили, и собираете полученный результат в кучку. А потом эту кучку еще раз отправляете на сервер.

Я подсказываю — абсолютно все эти данные вы можете получить в первом же запросе. Он же единственный.

Answer 2

[Максим Тимофеев]

У ajax-а есть событие success, которое срабатывет при успешном ответе, к нему прицепите Ваш запрос

$.ajax({
                      url: 'cheto.php',
                      data: 'id=' + id + '&next=' + next,
                      success: function(){
//вот тут еще один ajax, который выполнится после ответа об успехе от этого
}
                      
					
				});

Comments

[uaf0x]

можно плз пример, не пойму куда ставить :)

[Максим Тимофеев]

Пожалуйста. Добавил в ответ

Answer 3

[Stalker_RED]

jQuery(document).ready(function() {
  groups = new Array();
  jQuery('.showback').hide();
  jQuery('.getPeople').on('click', function(event) {
    event.preventDefault();
    var data = jQuery('.parceForm').serialize(); 
    jQuery.ajax({
      url: ajaxurl,
      type: 'POST',			
      data: data,
      success:function(data)
      {
        jQuery('.showback').show();
        countMass = JSON.parse(data);
        var progress = 100/countMass['key'];
        var addProgress = 100/countMass['key'];
        var k = 0;
        var wtf = countMass['key'] - 1 // я ничего не сломал?
        for (var i = 0; i <= wtf; i++) {
          jQuery.ajax({
            url: membersurl,
            type: 'POST',
            data: {q:countMass[0][i]},
            complete:function(data)
            {
              jQuery('.progress-bar').width(progress+"%");
              progress += addProgress;
              groups[k] = data;
              k++;
                // ALL MAGIC HERE
                if(i == wtf) { // сработает только после последнего запроса
                   jQuery.ajax({
                     url: userurl,
                     type: 'POST',
                     data: {'tt': groups}
                   });
                }
            }

          });		

        };
        
      }
    });

  });
});

А вообще запросы в цикле - не очень хороший ход. Всё сразу забрать никак нельзя?

Comments

[uaf0x]

магия не произошла, нужно дождаться когда завершится запрос.
Нет никак :(
Вернее можно, но как тогда прогресс бар завести ума не приложу

[Алексей Зуев]

Вы же понимаете, что у Вас i всегда равно wtf + 1. Так последовательные ajax запросы не делают. Либо вариант Евгения Петрова, либо через deferred объект.

Answer 4

[He11ion]

api.jquery.com/category/ajax/global-ajax-event-handlers напрмер

Comments

[uaf0x]

например ковырял но как то бестолку