Вывод Ajax ответов в цикле - проблема

[Neokortex]

Привет. У меня вот тут проблема есть. Функция пробегает по массиву, если совпадает условие выполняет XMLHttpRequest запрос к php скрипту, который выводит результат работы.

Так вот в чем проблема: GET запросы совершаются, а вывод результатов - нет. И что за ерунда никак не пойму. Целый день бьюсь над этим куском кода. Помогите пожалуйста.

function remove_categ(id_categ){
        // ОБРАБОТКА ЗАПРОСОВ К СКРИПТУ ПО ОДНОМУ

        // выводим надпись в блоке результатов
        document.getElementById('script_results').innerHTML = 'Переносим в ' + id_categ + ' следующие категории:<br />';

        // создаем цикл по всем чекбоксам
        for (var r = document.getElementsByName('remove_checkbox'), j = 0, l = r.length; j < l; j++) {

	// если чекбокс выделен выполняем следующее
            if (r[j].checked == true) {

                // создаем XMLHttpRerquest запрос
                var request_remove = false;
                try {
                    request_remove = new XMLHttpRequest();
                } 
                catch (trymicrosoft) {
                    try {
                        request_remove = new ActiveXObject("Msxml2.XMLHTTP");
                    } 
                    catch (othermicrosoft) {
                        try {
                            request_remove = new ActiveXObject("Microsoft.XMLHTTP");
                        } 
                        catch (failed) {
                            request_remove = false;
                        }
                    }
                }
                if (!request_remove) 
                    alert("Error initializing XMLHttpRequest!");

                // обращение к php скрипту
                 var url = "remove_category.php?kakoi=" + r[j].value + "&kuda=" + id_categ;                  
                request_remove.open("GET", url, true);
				
                request_remove.onreadystatechange = function(){ 

                    // если ответ есть обновляем содержимое в блоке результатов
                    if (request_remove.readyState == 4) { 
                        var out = request_remove.responseText; 
                        document.getElementById("script_results").innerHTML = out + document.getElementById("script_results").innerHTML; // соединяем старые результаты с новыми (формирование отчета "на лету")  
                    };  
                            };  

                request_remove.send(null);
            };
            };
        };

Так вот все работает, а результат выводит только по последнему запросу

[Мараторий]

Вы используете один и тот же объект XMLHttpRerquest.

[Neokortex]

спасибо за ответ. но так как я новичек в javascript, мою проблему это никак не решает

[mycoding]

Всё же лучше ajax выделить в отдельную функцию. Так как у вас сейчас очень сложно понять и отследить ошибку.
Хотелось вам очень помочь, но просто так сделано, что не понятно вообще какая задача,и что надо и в чём ошибка.

[vk65535]

Объекты XMLHttpRequest создаются разные, просто в замыкании обработчика onreadystatechange остается последний.

request_remove.onreadystatechange = (function(request_remove) {
	return function() {
		// если ответ есть обновляем содержимое в блоке результатов
		if (request_remove.readyState == 4) {
			var e = document.getElementById("script_results");
			e.innerHTML = request_remove.responseText + e.innerHTML;
			// соединяем старые результаты с новыми (формирование отчета "на лету")

			request_remove.onreadystatechange = alert; // устраняем memory leak
		};
	};
})(request_remove);

P.S. Рекомендую все это делать одним запросом.

[Neokortex]

vk65535,
спасибо. вы гений

[Neokortex]

А как это можно сделать одним запросом. Это так. На будущее. Направьте, пожалуйста

[vk65535]

Как-то так, но возможны ошибки, не тестил:

function remove_categ(id_categ){
	// ОБРАБОТКА ЗАПРОСОВ К СКРИПТУ ПО ОДНОМУ
	// выводим надпись в блоке результатов
	document.getElementById('script_results').innerHTML = 'Переносим в ' + id_categ + ' следующие категории:<br />';
	// создаем XMLHttpRerquest запрос
	var request_remove;
	try { request_remove = new XMLHttpRequest(); } 
	catch (er) {
		try { request_remove = new ActiveXObject("MSXML2.XMLHTTP"); } 
		catch (er) {}
	}
	if (!request_remove) { alert("Error initializing XMLHttpRequest!"); return; }
	// обращение к php скрипту
	var url = "remove_category.php", params = [];
	// создаем цикл по всем чекбоксам
	for (var r = document.getElementsByName('remove_checkbox'), j = 0, l = r.length; j < l; j++) {
		// если чекбокс выделен выполняем следующее
		if (r[j].checked) params.push(['kuda[', escape(r[j].value), ']=', escape(id_categ)].join(''));
	}
	request_remove.open("POST", url, true);
	request_remove.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=utf-8');
	request_remove.onreadystatechange = function() { 
		// если ответ есть обновляем содержимое в блоке результатов
		if (request_remove.readyState !== 4) return;
		if (!(request_remove.status >= 200 && request_remove.status < 300)) alert('Error sending data.');
		else document.getElementById("script_results").innerHTML = request_remove.responseText;
		request_remove.onreadystatechange = alert; // устраняем memory leak
	};
	request_remove.send(params.join('&'));
};

в пхп прийдет массив kuda с ключами kakoi.