Problema con Ajax Nativo Javascript y funciones.

[xpapachox]

Hola a todos.

Tengo declarado mi objetoAjax nativo.

He declarado 2 funciones que las llamo cuando selecciono un valor de un <Select> COMBO1 con el evento OnChange().


Funcion1:buscarSerie()
-Me sirve para llenar otro COMBO2, con el valor de este COMBO1 seleccionado.

Funcion2:buscarNumFacturas()
-Me sirve para retornar 2 valores y mostrarlo en una caja de texto, con el valor de este COMBO1 seleccionado.


PROBLEMA:
--------------
Hay veces en que nome muestra los valores de las series en su COMBO2.

Nose si sera por que cuando ejecuto las 2 funciones se hacen 2 llamadas ajax al mismo tiempo y hay un cruce..

-----------

Algun metodo para hacer 2 llamadas ajax a la vez? si este es el caso.

Código PHP:

   
<script language="JavaScript" type="text/javascript" ><!--src="ajax.js"> --> 
function objetoAjax(){ 
    var xmlhttp=false; 
    try{ 
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
    }catch(e){ 
        try{ 
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
        }catch(E) { xmlhttp=false; } 
    } 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') 
    { xmlhttp=new XMLHttpRequest(); } 
    return xmlhttp; 
} 
 
function buscarNumFacturas(){     
    if (document.forms[0].ven_core.value!=""){ 
        ven_feem = document.forms[0].ven_feem.value; 
        ven_core = document.forms[0].ven_core.value; 
        ven_codo = document.forms[0].ven_codo.value; 
        ven_seri = document.forms[0].ven_seri.value; 
        ajax1 = objetoAjax(); 
         
        //alert("Hola"); 
         
        ajax1.open("POST", "lofa_numfacturas.php",true); 
        ajax1.onreadystatechange=function() { 
     
          if (ajax1.readyState == 4) { 
            numr =  eval("(" + ajax1.responseText + ")"); 
             
            alert(numr.numerox+"-"+numr.numeroz); 
             
          } 
        } 
        ajax1.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
        ajax1.send("&ven_codo="+ven_codo+"&ven_feem="+ven_feem+"&ven_core="+ven_core+                        "&ven_seri="+ven_seri+"&proceso=ajax"); 
    } 
    return true; 
    //ajax2.send("&ven_feem="+ven_seri+"&proceso=ajax"); 
} 
 
function buscarSerie() { 
    divResultado1 = document.getElementById('ven_seri'); 
    ven_codo = document.forms[0].ven_codo.value; 
     
    ajax1 = objetoAjax(); 
    ajax1.open("POST", "lofa_listaserie.php",true); 
    ajax1.onreadystatechange=function() { 
      //alert(ajax1.readyState); 
      //alert("Aqui"); 
      if (ajax1.readyState == 4) { 
        divResultado1.innerHTML = ajax1.responseText;         
      } 
    } 
    ajax1.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
    ajax1.send("&ven_codo="+ven_codo+"&proceso=ajax"); 
} 
</script>  
  

//Luego hago la llamada alas 2 funciones.

<select class=':required contract12 smedium' name="ven_codo" id="ven_codo" onchange="buscarSerie();buscarNumFacturas();">

[maycolalvarez]

realmente he visto muchos principiantes que sólo aplican (ajax1.readyState == 4) cuando deben de aplicar

((ajax1.readyState == 4) && (ajax1.status == 200))

corrija ese punto e intente de nuevo, consulte un manual de AJAX

[xpapachox]

Esa no es la solucion...

Era evidente... que no!

[marlanga]

No debería de haber un cruce de llamadas, son independientes.

Prueba a poner a todas las variables, en su primera declaración, un VAR delante. Siempre. SI no lo pones, es probable que las variables se machaquen entre sí. Creo.

[IsaBelM]

ten en cuenta lo que ya te han indicado, y no seas despectivos con usuarios que se toman la molestia por interesarse por tu problema, además prueba a usar el operador &&

onchange="buscarSerie()&&buscarNumFacturas();"

[xpapachox]

Hay que ser creativo para ntentar algo como esto.
onchange="buscarSerie()&&buscarNumFacturas();"

Nunca se me ubiera ocurrido, pero no sale.


Al final opte por hacerlo con Jquery.

Igual gracias a todos, me di cuenta que el ajax Nativo es limitado en ciertas cosas.

[IsaBelM]

Iniciado por xpapachox

Al final opte por hacerlo con Jquery.

Igual gracias a todos, me di cuenta que el ajax Nativo es limitado en ciertas cosas.

sabes que jquery es una librería de javascript. esto significa que todos lo que puedes hacer con jquery, se puede hacer con javascript. pero no todo lo que puedes hacer con javascript, puedes hacerlo con jquery

[maycolalvarez]

Iniciado por xpapachox

Esa no es la solucion...

Era evidente... que no!

puede que no le resolviera del todo, pero así es como se debe aplicar ajax, primero me debo asegurar que el error no provenga de una mala aplicación de la técnica, si revisa incluso dentro del código del wrapper ajax de jquery notará que hace exactamente lo mismo, debido a que el HTTP status == 200 es lo que se considera dentro del protocolo como una petición exitosa.

además como ajax es asíncrono, si buscarNumFacturas(); debe de llamarse despues de obtener buscarSerie(); entonces debe ser llamado al obtener la respuesta, por lo que tienes que pasarlo como callback:

buscarSerie(function() {buscarNumFacturas();});

y quedaría así:

Código Javascript:

function buscarSerie(_callback) {
    divResultado1 = document.getElementById('ven_seri');
    ven_codo = document.forms[0].ven_codo.value;
    
    ajax1 = objetoAjax();
    ajax1.open("POST", "lofa_listaserie.php",true);
    ajax1.onreadystatechange=function() {
      //alert(ajax1.readyState);
      //alert("Aqui");
      if ((ajax1.readyState == 4) && (ajax1.status == 200)) {
        divResultado1.innerHTML = ajax1.responseText; 
        _callback(); //aqui se llama a la otra función
      }
    }
    ajax1.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax1.send("&ven_codo="+ven_codo+"&proceso=ajax");
}
 

[marlanga]

Apuesto mi karma a que el problema es el no haber puesto "var ajax1" dentro de las funciones, por lo que las llamadas ajax1 se están machacando la una a la otra.
Pero una vez más, fuí un ser incomprendido.

[maycolalvarez]

Iniciado por marlanga

Apuesto mi karma a que el problema es el no haber puesto "var ajax1" dentro de las funciones, por lo que las llamadas ajax1 se están machacando la una a la otra.
Pero una vez más, fuí un ser incomprendido.

bueno, eso depende, hay navegadores que no te solicitan el var

y con respecto al nombre tienes parte de razón, siempre que el scope sea el mismo se sobre-escribe la variable, pero como lo hice yo, con el callback el 2do ajax no se crea sino después de la respuesta, por lo que intuyo no lo romperá.

bueno, no te voy a negar que no probé el código, utilicé mis conocimientos empíricos, por lo cual uno asume que el usuario lo prueba y comenta el error, así uno busca otra solución o encuentra el verdadero problema, ese es el feedback esperado en el foro

el comentario de @xpapachox no me afectó ni lo tomé personal, pero si ten en cuenta que queremos ayudarte, aún así no les guste mi forma de hacerlo , igual ayudo y espero que sigas adelante y espero verte no sólo preguntando sino aportando, saludos y éxito