[SOLUCIONADO] alguna forma de enviar datos uno por uno en ves de todos a la vez?

[sonickseven]

Hola Chicos de nuevo yo ultimamnete he estado muy activo en javascript pero pues bueno toy creando algo bueno que donde lo conqcrete lo publicare en algun video o github.

bueno mi pregunta es la siguiente tengo un for que pense que iria haciendo envio por envio en orden secuencial. pues bueno no me funciono creo que por que es javascript y no funciona como la mayoria de lenguajes de programacion. Entonces si alguno de uds sabra como validar que por ejemplo se envio y el servidor recivio completamente la peticion para luego enviar el siguiente archivo le agradeceria.

Aqui tengo una funcion pero no me funciona :/

Código Javascript:

function envio3(datos){
    var oReq=new XMLHttpRequest();
    oReq.upload.addEventListener('progress', prigress, false);
    oReq.open('POST', '../Uploads/subirfotos.php', true);
    oReq.onreadystatechange = function(){ if(this.readyState===4){
        return true;
    }else{
        return false;
    }
    }
    oReq.send(datos);
}
 

pero no hace nada. Entoces si el for tiene 20 ciclos envia los 20 y eso pues no me sirve me gustaria que fuera uno y cuando el readystate==4 envie el otro y asi sucesivamente.

Gracias a todos :D

[caricatos]

Hola:

Creo que lo que necesitas es implementar una cola. En otro tema puse un pequeño código: "Problema con Jquery AJAX"... como verás, mi respuesta no usa librerías.

Saludos

[sonickseven]

olle lo siento si soy todabia inexperto y algunas cosas de tu codigo no las entendi, y si no entiendo no se que modificar o como funciona.

Código Javascript:

Ajaxs = [{"url": "ventana.php", "ventana": "1"}, {"url": "contenedor.php", "ventana": "2"}];
 
function continuar()    {
    if (Ajaxs.length > 0)   {
        proceso = Ajaxs.shift();
        cargaXML(proceso.url, proceso.ventana);
    }
}
 

ajaxs es un array que en sus campos carga unas peticiones post? no lo pude entender bn lo siento pero bueno aca esta mi codigo

Código Javascript:

function subirFotos(input, option){
    if(window.FormData){
        formdata = new FormData();
    }
    var i = 0, len = input.files.length, img, reader, file; //  hago un foreach por cada uno de los elementos que se han cargado en un input type file
    for( ; i < len; i++){
        envios=len;
        file = input.files[i];
        if(!!file.type.match(/image.*/)){
            if(formdata)
                formdata.append('fl_addbook', file);
                envio3(formdata);//  esta es la funcion que hace los envios POST  pero pense que haciendo una parada no se algo lo haria pero nooo  :/  los lanza todos de
                                                // una, auqnue me di de cuenta que tiene un limite de 4 creo osea lanza cuatro y si ya termino de enviar uno se carga el siguiente pero si el limite de envio es de 4
                if(i===(len-1)){
                    if(option===1){
                        ajax('../Uploads/subirfotos.php', {rd_permiss:$('#book > article > form > article > article > input').val()});
                        $('#abracadabra')[0].reset();
                        
                    }else if(option===2){
                        $('#addphotoshop > article > article > article > form')[0].reset();
                    }
                }
        }
    }
}
 

la funcion envio3 es la de arriba y esta tal cual entonces pues talves me puedieras ayudar que la verdad no pude entender tu codigo y menos como implementarlo

[caricatos]

Hola:

El código no tiene mucha explicación, y es sin librerías... si insistes en usarlas tendremos que mover el tema.

Básicamente es tener un array global con los datos de cada petición; quitar de ese array el primer elemento y procesarlo... con la respuesta ajax quitar del array el siguiente elemento.

Saludos

[sonickseven]

cuales librerias? no entiendo? luego no estoy usando javascript puro? olle caricatos no te molestes por las preguntas por que para eso se hizo el foro para preguntar!.

Ya entendi bien lo del array gracias a tu explicacion (que si era necesaria) pero entonces podrias poner el codigo de la funcion cargaXML() que en tu codigo llamas. Por no se que librerias estoy usando, como te digo llevo poco en esto de javascript! solo explicame que despues yo explicare a otros :D

[caricatos]

Hola:

Iniciado por sonickseven

cuales librerias? no entiendo? luego no estoy usando javascript puro? olle caricatos no te molestes por las preguntas por que para eso se hizo el foro para preguntar!.

Ya entendi bien lo del array gracias a tu explicacion (que si era necesaria) pero entonces podrias poner el codigo de la funcion cargaXML() que en tu codigo llamas. Por no se que librerias estoy usando, como te digo llevo poco en esto de javascript! solo explicame que despues yo explicare a otros :D

javascript no tiene de forma nativa una función $() (ni siquiera como conversor de divisas)... así que si no usas librerías, te falta mostrar ese código... pero posiblemente estés usando jquery...

Las preguntas no me molestan, pero si los datos los debemos pedir constantemente es algo cansino. si me molestasen las preguntas, no respondería

La función cargaXML está en el enlace que puse al principio, y no se trata de código mío... evidentemente no te has tomado el tiempo necesario para enterarte del hilo referenciado.

Saludos

[sonickseven]

Iniciado por caricatos

La función cargaXML está en el enlace que puse al principio, y no se trata de código mío... evidentemente no te has tomado el tiempo necesario para enterarte del hilo referenciado.

Saludos

si la vi 4 minutos despues de haber escrito donde estaba ella. Ahora el problema es este yo hago peticiones ajax con un for. y no se como llenar el array Ajaxs con los datos del formdata que tengo ahi en mi codigo:

Código Javascript:

formdata.append('fl_addbook', file);
 

no tengo ni idea ya que como es con archivos en ves de datos pequeños como letras o digitos. Te agradeceria si me pudieras ayudar

[sonickseven]

listos chicos ya lo hize como tu querias pero sigue el error de que los envia todos al mismo tiempo :(
mira el codigo:

Código Javascript:

Ajaxs = new Array();
function subirFotos(input, option){
    if(window.FormData){
        formdata = new FormData();
    }
    var i = 0, len = input.files.length, img, reader, file;
 
    for( ; i < len; i++){
        envios=len;
        file = input.files[i];
        if(!!file.type.match(/image.*/)){
            if(formdata)
                formdata.append('fl_addbook', file);
                Ajaxs.push({"datas":formdata});
                continuar();
                if(i===(len-1)){
                    if(option===1){
                        ajax('../Uploads/subirfotos.php', {rd_permiss:$('#book > article > form > article > article > input').val()});
                        $('#abracadabra')[0].reset();
                    }else if(option===2){
                        $('#addphotoshop > article > article > article > form')[0].reset();
                    }
                }
        }
    }
}
 
function continuar(){  // tu funcion
    if (Ajaxs.length > 0)   {
        proceso = Ajaxs.shift();
        envio4(proceso.datas);
    }
}
 
function prigress(prog){  // la que me muestra  el progreso en una progressBar
    var p=$('#progresito > div');
    p.html(prog+"%");
    p.css({'width':prog+"%"});
}
 
var oReq;
function envio4(datos){ // funcion que envia datos
    oReq=new XMLHttpRequest(), all=new Array();
    oReq.upload.addEventListener('progress',function(e){
        var prog=parseInt(Math.round((e.loaded / e.total)*100)); //progreso del envio del archivo
        prigress(prog);
        
    }, false);
    oReq.open('POST', '../Uploads/subirfotos.php', true);
    oReq.onreadystatechange = function(){ if(this.readyState===4){
        console.log(porcentajes(1)); // contador de cuantos archivos se han subido correctamente
        continuar();
    }
    }
    oReq.send(datos);
}// el parametro es el valor al que se inicializa la variable dentro del closure ;
 
var porcentajes = (function(init){ // esta funcion anonima crea un closure ;
return function(a){
init += a;
return init;
};
})(0); // el parametro es el valor al que se inicializa la variable dentro del closure ;
 

pues la progressBar por ejemplo esta en 80% y depronto se baja para 20% que es del otro envio investigare pero casi corono
caricatos si vez algo que arreglar porfa ayudame

ammm y algo más yo no me centro solo en javascript o solo jquery los utilizo los dos para hacer el codigo mas facil. estavez utilize javascript para saber el porcentaje del envio

[sonickseven]

siiiiii lo solucione!!!!! ja aj aja era solo sacar la funcion continuar del for :D y listos ja aj aja que bn no me gano!!!

Código Javascript:

function subirFotos(input, option){
    if(window.FormData){
        formdata = new FormData();
    }
    var i = 0, len = input.files.length, img, reader, file;
    for( ; i < len; i++){
        envios=len;
        file = input.files[i];
        if(!!file.type.match(/image.*/)){
            if(formdata)
                formdata.append('fl_addbook', file);
                Ajaxs.push({"datas":formdata});
                if(i===(len-1)){
                    if(option===1){
                        ajax('../Uploads/subirfotos.php', {rd_permiss:$('#book > article > form > article > article > input').val()});
                        $('#abracadabra')[0].reset();
                    }else if(option===2){
                        $('#addphotoshop > article > article > article > form')[0].reset();
                    }
                }
        }
    }
    continuar();
}
 

lsitos gracias amigo caricatos enserio estaba mas estresado por que nada que podia hacerlo funcionar como yo queria pero ahora si, y lo mejor es que aprendi muchas cosas mas como para hacerlo mejor :D gracias amigo!!