Ajax в цикле

[ivandrova]

Добрый день, код ниже отдает:
Счетчик
Счетчик
Счетчик
Счетчик
Счетчик
Данные с url
Данные с url
Данные с url
Данные с url
Данные с url

А я ожидаю
Счетчик
Данные с url
Счетчик
Данные с url
Счетчик
Данные с url
Счетчик
Данные с url
Счетчик
Данные с url

Пожалуйста подскажите что сделано не так?

<input type="button" value="Test" id="testbtn" />
<div id="res"></div>

function ajaxsend(){
    $.ajax({
        type: 'POST',
        url: 'index.php',                
        data:  {t:'test'},
        success: function(res){            
            $("#res").append('Данные с url<br>');
        }
    });
}


$("#testbtn").click(function(){
    for(i = 1; i <= 5; i++) {
        $("#res").append("Счетчик<br>");
        ajaxsend();        
    }        
    });

[ksa]

что сделано не так?

Алгоритм ты сделал не так...

Ты 5 раз вывел

$("#res").append("Счетчик<br>");

и запустил 5 запросов

ajaxsend();

А я ожидаю
Счетчик
Данные с url
Счетчик
Данные с url
Счетчик
Данные с url
Счетчик
Данные с url
Счетчик
Данные с url

Тогда нужно нечто такое...

var max=5;
var item=0
function ajaxsend(){
    $.ajax({
        type: 'POST',
        url: 'index.php',                
        data:  {t:'test'},
        success: function(res){            
            $("#res").append('Данные с url<br>');
			if (++item<max) {
				test();
			};
        }
    });
}
$("#testbtn").click(test);
function test(){
    $("#res").append("Счетчик<br>");
    ajaxsend();        
};

[SV0L0CH]

проще будет сделать запросы синхронными дописав

async: false,

[ksa]

проще будет сделать запросы синхронными дописав

И таймауты на бесконечность поставить!

[ivandrova]

Спасибо!