Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Ajax (XMLHttpRequest) в цикле

Автор: neokortex 28.1.2010, 16:27

XMLHttpRequest не работает в цикле. Точнее работает не полностью. Выполняется только один (первый) раз и все.

Код


if (r[j].checked == true) { 
            var url = "move.php?kakoi=" + r[j].value + "&kuda=" + id; 
                request_remove.open("GET", url, true); 
            request_remove.send(null); 
            };

Помогите пожалуйста решить проблему

Автор: 12345c 28.1.2010, 18:59

request_remove - это так объект называется?

Нужно, конечно, через столько объектов отправлять, сколько шагов цикла, а тут объект 1.
Но всё равно, параллельно работать будут не более 2, остальные будут ждать очереди.

Или через 1 объект, но сделайте запрос синхронным.

Автор: IDVsbruck 29.1.2010, 00:53

Ну, 2 - это, как говорит источник - "в некоторых браузерах" ... а может и больше.

Но это не меняет ситуации: работать в цикле не будет. Удобнее и проще всего сделать рукурсию - вызывать следующую итерацию с отправкой запроса из функции-обработчика предыдущего ответа.
Также можно делать более сложную систему: создание пула запросов. Но думаю, что раз вопрос задается в данном разделе, такая реализация будет сложновата.
Поэтому лучший ответ: если поставленная задача выходит за рамки возможностей своих или системы, то лучше воспользоваться фрейворком. К примеру, точно знаю, что в jQuery реализован пул асинхронных запросов.

Автор: neokortex 29.1.2010, 12:50

да мне и не нужно одновременно, а по очереди.
ВОТ ЭТОТ КОД РАБОЧИЙ

Код


 for (var r = document.getElementsByName('remove_checkbox'), j = 0, l = r.length; j < l; j++) { 

            if (r[j].checked == true) { 

                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!"); 

                var url = "move.php?kakoi=" + r[j].value + "&kuda=" + id;                 
                request_remove.open("GET", url, true); 
                response_remove = request_remove.responseText; 

                request_remove.onreadystatechange = function(){ 
                    if (request.readyState == 4) { 
                        document.getElementById("script_results").innerHTML = '<br />=' + response_remove + document.getElementById("script_results").innerHTML + ''; // соединяем старые результаты с новыми (формирование отчета "на лету") 
                    }; 
                            }; 

                request_remove.send(null); 
            }; 
            };

GET запросы происходят. А вот ответ не приходит... Формирования отчета нет :( Как можно решить проблему?

Автор: IDVsbruck 30.1.2010, 04:27

Вот твой код, только немного упорядочен, а то читать нельзя:

Код


for (var r = document.getElementsByName('remove_checkbox'), j = 0, l = r.length; j < l; j++) { 
    if (r[j].checked == true) { 
        var request_remove = ... //получаем объект XMLHttpRequest
        var url = "move.php?kakoi=" + r[j].value + "&kuda=" + id;                 
        request_remove.open("GET", url, true); 
        response_remove = request_remove.responseText; //что это за переменная и откуда берется responseText если запрос еще не послан?
        request_remove.onreadystatechange = function(){ 
            if (request.readyState == 4) { 
                document.getElementById("script_results").innerHTML = '<br />=' + response_remove + document.getElementById("script_results").innerHTML + '';
            }; 
        }; 
        request_remove.send(null); 
    }; 
};

и он совершенно недееспособный, не говоря уже про "рабочий".

Подкорректируем:

Код


var request_remove = ... //получаем XMLHttpRequest и он должен быть глобальным
for (var r = document.getElementsByName("remove_checkbox"), j = 0, el; el = r[j]; j++) { 
    if (el.checked) { 
        var url = "move.php?kakoi=" + el.value + "&kuda=" + id;                 
        request_remove.open("GET", url, true); 
        request_remove.onreadystatechange = function(){ 
            if (request_remove.readyState == 4) { 
                response_remove = request_remove.responseText;
                document.getElementById("script_results").innerHTML = "<br/>=" + response_remove + document.getElementById("script_results").innerHTML;
            };
        }; 
        request_remove.send(null); 
    }; 
};