Как загружать данные последовательно в ajax?

Question

[Иван Сохин]

Написал:

function doCheck(i) {
			console.log(i);
			var responce = $('#episodes').append('<div id="ep'+i+'"></div>');
			$.ajax({
				type: 'get',
				url: 'get.php?find=episodes',
				data: {
					id: id,
					title: title,
					trid: trid,
					i,
				},
				beforeSend: function() {
					$('#ep'+i).html('<img src="imgs/loader.gif">');
				},
				success: function(responce) {
					$('#ep'+i).html(responce);
				}
			});
		};	

		for (var i = 1; i <= numep; i++) 
    		doCheck(i);

Но загружает все одновременно, а как сделать, что бы загрузка происходила последовательно? Загрузился первый элемент, началась загрузка следующего.

Answer 1

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

Организуйте очередь, чтоб n'й запрос стартовал только когда завершиться (n-1)'й

Comments

[Иван Сохин]

а как это сделать?? я сейчас читаю про deffered ничего пока не понимаю:(

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

Иван Сохин: примерно вот так:

var doCheckQueue = [];
function doCheck(i) {
  function sender(i) {
      console.log(i);
      var responce = $('#episodes').append('<div id="ep'+i+'"></div>');
      $.ajax({
        type: 'get',
        url: 'get.php?find=episodes',
        data: {
          id: id,
          title: title,
          trid: trid,
          i,
        },
        beforeSend: function() {
          $('#ep'+i).html('<img src="imgs/loader.gif">');
        },
        success: function(responce) {
          $('#ep'+i).html(responce);
          sendNext();
        },
        error: function(err) {
          console.error(err);
          sendNext();
        }
      });
  }
  function sendNext() {
    var next = doCheckQueue.shift();
    next && next();
  }
  if(doCheckQueue.length === 0) {
    doCheckQueue.push(sendNext);
    sender(i);
  } else {
    doCheckQueue.push(sender.bind(null, i));
  }
}

for (var i = 1; i <= numep; i++)
		doCheck(i);

[Иван Сохин]

Дмитрий Беляев: Спасибо огромное))

Answer 2

[Сергей Протько]

https://api.jquery.com/category/deferred-object/

пишите рекурсивный алгоритм, который в then промиса будет добавлять новый запрос и т.д. и т.д.