[SOLUCIONADO] peticion ajax dentro de un ciclo for

[summerblack]

Hola amigos
Esta noche necesito ayuda con una funcion en ajax el problema es al recorrer una tabla, que contiene filas, y cada fila tiene un id diferente (idSeleccionado) que puede ser
1,3,13,14,80...

resulta que cada que recorro con el id debo hacer una peticion al servidor para que me valide si ese item ya lo he agregado a mi base de datos, pero ocurreo que cuando recorro el for, este solo ejecuta la peticion en el ultimo diclo del for
Por ejemplo si tengo 3 filas y ejecuto...cuando i=0, este no hace ejecuta la perticion porque readystate=1, cuando i vale 1 tampoco ejecuta, pero cuando i vale 2 si entra y hace lo que hay dentro de peticion.onreadystatechange = function() y ahi si ejecuta la peticion, no se si es que estoy haciendo algo mal en el orden que tengo en el codigo, pero de verdad necesito su ayuda!! (sin usar jquery) muchas gracias de antemano y les dejo el codigo de la funcion en ajax:

Código Javascript:

function agregar()
{       
 
var cantidad = document.getElementsByName('nombrefila').length;
for (var i=0;i < cantidad;i++) 
        {  
        var seleccionado= document.getElementsByName('nombrefila')[i]; 
 
        idSeleccionado=seleccionado.id;
            
                        var idparty= document.getElementById('party').value;
                    
                        
                            //verifica
                    peticion = Ajax(); 
                    peticion.open("POST", "validar.php", true);
                    peticion.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");     
                    peticion.onreadystatechange = function() 
                    {           
                    if (peticion.readyState==4)     
                        { 
                            if (peticion.responseText=='true')      
                                {  
                                    alert ('ya esta agregado');
                                }//if
                                else                                
                                if (peticion.responseText=='false')     
                                { 
                                agregarAlParty(idSeleccionado,idparty);
                                }                                               
                        }//if                   
                    }//function
                    queryCodigo = "idSeleccionado="+idSeleccionado+"&idparty="+idparty";
                    peticion.send(queryCodigo); 
                    //termina de verificar                  
                
            
        }                   
}
 

Gracias de nuevo!!

[IsaBelM]

en esta línea tienes un error

queryCodigo = "idSeleccionado="+idSeleccionado+"&idparty="+idpar ty";

en lugar de usar un ciclo, usa el nombre de los controles como array

[zerokilled]

buenas,
lo que sucede es que ajax es asíncrono. es decir, se ejecuta cuando esta disponible sin interrumpir ni bloquear el resto del código. al tener esta característica, el bucle continua el ciclo y en cada iteración sobrescribe la petición cancelando así la anterior. ¿qué puedes hacer? tienes dos alternativas: una cola de peticiones o la posibilidad de enviar múltiples records. la ventaja de la primera opción es que cada record es individual pero requiere enviar múltiples peticiones, una a una en orden según vaya finalizando uno comienza la otra. la otra opción, es que envies tanta información como records tengas. la ventaja es que manejas una sola petición y es mucho más rápido comparado a tener varias peticiones.

[summerblack]

Hola amigos, primero que todo muchas gracias por sus ayudas, sin embargo hay cosas que no entendi:

ISABELM

Primero, ya corregi el error que tenia y gracias

Según la funcion que guarda las variables en un array:

Código Javascript:

function enviardatosAjax(vals) { 
var valores = [];
 
for (var i = 0; i < vals.length-1; i++) {
 
valores.push(vals[i].value);
}
 

Como se invoca esta funcion dentro de mi metodo agregar?
es decir la cree y no se donde ponerla jejej pero muchas gracias por la paciencia espero me puedan explicar.


zerokilled Claro eso explica porque solo ejecuta con el ultimo dato, porque cancela las anteriores, si tienes algun ejemplito de las soluciones que me has dado graciasss

[crodriguez1214]

Iniciado por zerokilled

buenas,
lo que sucede es que ajax es asíncrono. es decir, se ejecuta cuando esta disponible sin interrumpir ni bloquear el resto del código. al tener esta característica, el bucle continua el ciclo y en cada iteración sobrescribe la petición cancelando así la anterior. ¿qué puedes hacer? tienes dos alternativas: una cola de peticiones o la posibilidad de enviar múltiples records. la ventaja de la primera opción es que cada record es individual pero requiere enviar múltiples peticiones, una a una en orden según vaya finalizando uno comienza la otra. la otra opción, es que envies tanta información como records tengas. la ventaja es que manejas una sola petición y es mucho más rápido comparado a tener varias peticiones.

Esa respuesta te explica un poco lo que te paso.

Mas que tu funcion yo enviaria una cadena con un separador, lo haces asi mediante un for, lo envias en el ajax todo a la vez por fuera del for (un for con un ajax es una mala idea asi sea sincronno o asincrono al final te dara problemas) y listo, el el otro lado solo seria un split basado en los separadores y validar cada id como lo requieras.

[summerblack]

muchisimas gracias

[IsaBelM]

Iniciado por crodriguez1214

Esa respuesta te explica un poco lo que te paso.

Mas que tu funcion yo enviaria una cadena con un separador, lo haces asi mediante un for, lo envias en el ajax todo a la vez por fuera del for (un for con un ajax es una mala idea asi sea sincronno o asincrono al final te dara problemas) y listo, el el otro lado solo seria un split basado en los separadores y validar cada id como lo requieras.

Iniciado por IsaBelM

en lugar de usar un ciclo, usa el nombre de los controles como array

está muy claro. lee con atención el post que he vinculo

[summerblack]

si eso hice mande la cadena separada por comas y me funciono muy bien, muchisimas gracias chicos