[SOLUCIONADO] 2 funciones en evento Onchange pero ejecutar en secuencia

[luisvasquez]

Buenas tardes gente de FDW,

Tengo 2 funciones que necesito ejecuten en un evento OnChange, sin embargo, me están dando resultados inesperados y me di cuenta de que ambas ejecutan AL MISMO tiempo, pero necesito que ejecuten una después de la otra.

¿Es esto posible?

Se que existe la posibilidad de combinarlas en una sola función, pero son bastante complejas (usan ajax para hacer llamados a PHP) y quiero descartar antes esta posibilidad...

¿existe algún otro evento javascript o parámetro que me permita ejecutarlas en secuencia?

Código HTML:

<input name="campo"  type="text"  id="campo" value="0" size="10" OnChange="func1(); func2();" > 

Saludos y gracias,
Luis Vásquez

[Alexis88]

Con o sin peticiones asíncronas (Ajax), usando promesas puedes lograr lo que buscas.

Saludos

[luisvasquez]

Iniciado por Alexis88

Con o sin peticiones asíncronas (Ajax), usando promesas puedes lograr lo que buscas.

Saludos

interesante, pero no deja de ser complejo...es decir, si estuviese comenzando de 0 tendría sentido, pero en mi caso, que ya las funciones están listas ?

Quería algo como OnChangeOrdered ja ja ja ja

Gracias por tu respuesta.

[luisvasquez]

Iniciado por Alexis88

Con o sin peticiones asíncronas (Ajax), usando promesas puedes lograr lo que buscas.

Saludos

Veo que te manejas bastante con javascript..

¿Qué sucede si hago una funcion "total" que llamo en el onchange?

function total ()
{
func1();
func2();
}

¿Se ejecutarán en secuencia??

El asunto es que la func1 modifica valores que son usados en func2...me interesa que func2 tome los valores actualizados y de la forma convencional, toma los valores anteriores (porque ejecutan al mismo tiempo)..

¿qué opinas?

[Alexis88]

Pienso que si lo hicieras así:

Código Javascript:

function foo(){
    /* Instrucciones */
   bar();
}
 
function bar(){
    /* Instrucciones */
}
 
foo();
 

Podría respetarse el orden. Depende también de qué estés ejecutando, pero si es Ajax, podrías ejecutar la segunda función cuando recibas la respuesta en la primera.

Saludos

[luisvasquez]

Iniciado por Alexis88

Pienso que si lo hicieras así:

Código Javascript:

function foo(){
    /* Instrucciones */
   bar();
}
 
function bar(){
    /* Instrucciones */
}
 
foo();
 

Podría respetarse el orden. Depende también de qué estés ejecutando, pero si es Ajax, podrías ejecutar la segunda función cuando recibas la respuesta en la primera.

Saludos

Al final funcionó como dijiste...al recibir respuesta de la primera ejecuto la segunda. Esta toma los valores de la primera y realiza los calculos perfectamente.

1000 gracias por tu ayuda!

Código HTML:

function func1 ()
{
        xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) 
             {
		 document.getElementById('valor1').innerHTML= xmlhttp.responseText;
		  // acá ejecuta la función 2
                  func2();				 
            }
        }

        xmlhttp.open("GET","func1.php?true);
        xmlhttp.send();
}

[IsaBelM]

esa es una manera de hacerlo. otra es con el operador &&