Ajax+PHP. Цикличные запросы.

[NidHelp]

Будьте добры, помогите советом, как лучше реализовать эту связку ajax и php.

Необходимо выводить небольшие блоки на сайт, 20-30 на страницу. НО. Каждый последующий блок выводится на основе обработанной скриптом информации о предыдущем.

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

То есть нужно: ajax-запрос -> вывод на экран -> получение параметров этого нового DOM-объекта -> и только после этого новый ajax-запрос на основании полученных данных.

Как оказалось, проблема с таким циклом. Что очень странно. Вроде ничего в нем замудреного нет.

[NidHelp]

Проблему решил, но частично.

function ajax_loop(){
  if (cnt!=20) {
    $.get('php/my.php', { d1:x },
      function(data) { $("#id").append(data); }).done( function(){
        // Здесь необходимые вычисления. 
        x=x+100500;
        // В конце рекурсивный вызов функции
        cnt++;
        ajax_loop(x) } );
  }
}

Иногда цикл проскакивает, минуя все вычисления. То есть, опережает, не дожидается отображения объекта в браузере, и передает данные, полученные шагом раньше. Есть ли возможность это всё синхронизировать, чтобы запросы не убегали вперед?

[Naive]

засунь вычисления в кол-бэк

[NidHelp]

Сообщение от Naive

засунь вычисления в кол-бэк

Собственно сперва тоже так и решил, что будет достаточно. В стандартный success: аякса все вычисления. Но в цикле это, увы, не работает. Даже на экран не выводит объекты, сразу переходит к следующему запросу, цикл "вешается".

Прикрутив .done к функции, более-менее всё стало, но тоже раз на раз не приходится. Следовательно, всё равно каждый шаг цикла стартует не при условии получения параметров DOM-объекта.

[Naive]

ajax_loop(x) // тут вы передаете x
function ajax_loop(){ // а тут не принимаете

Да и рекурсия в данном случае не оправдана, если конечно вам не нужен строгий порядок полученных данных, но это будет выполняться дольше.
Оптимальней было бы так:

function ajax_loop(){
  for (var x=0, cnt=20;cnt--;x+=100500) {
    $.get('php/my.php', { d1:x },
      function(data) { $("#id").append(data); });
  }
}

Если нужен порядок, то можно отслеживать его, но не ставить запросы в очередь:
Запуск аякса отрабатывает в сотни раз быстрее, чем ожидание ответа сервера, так что лучше послать 20 запросов и потом собирать в нужные места 20 ответов, чем слать их по очереди.

[NidHelp]

Спасибо.

Да, в итоге пришлось отказаться вообще от затеи с цикличными аяксами, нецелесообразно. Тем более если потребуется не 20 проходов цикла, а 50, 100, 200. Запрос сделал 1. И вывод контента сперва происходит в блок position:absolute; left-margin:-3000. И потом уже оттуда дивы с необходимыми изменениями помещаются скриптом в видимую область экрана.

[Naive]

И вывод контента сперва происходит в блок position:absolute; left-margin:-3000. И потом уже оттуда дивы с необходимыми изменениями помещаются скриптом в видимую область экрана.

Зачем? Работа с dom тоже небыстрая операция, лучше генерируйте объекты и обращайтесь к ним по ссылкам (js-указателям).