capturar sólo el último estado...

[prim]

Hola. Estoy interesado en capturar el resultado de una consulta ajax, pero devuelve varias respuestas. Os pongo el código:

Código PHP:

              divResultado = document.getElementById('resultado_login');
            document.getElementById('resultado_login').innerHTML = "<img src='imatges/loading.gif' width='16'>";
            nom=document.formulario_alta.login.value;
            ajax=objetoAjax();
            ajax.open("POST", "comprovalogin.php",true);
            ajax.onreadystatechange=function() {
                if (ajax.readyState==4 && ajax.status==200) divResultado.innerHTML = ajax.responseText
                alert(document.getElementById('resultado_login').innerHTML)
            }
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
             ajax.send("nombre="+nom) 
   

Fijáos en el alert que hay. Muestra tres alerts seguidos, el primero con el contenido original (<img src='imatges/loading.gif' width='16'>), el segundo vacio y el tercero con el resultado real que proviene del ajax.responseText.
Si saco el alert a la última línea entonces ejecuta sólo un alert, pero con el contenido original y no la respuesta ajax.
Mi intención es que sólo muestre el alert cuando se ha ejecutado el ajax.responseText, pero no sé como hacerlo.

Un saludo y gracias.

[Panino5001]

Tu problema es de sintaxis javascript. Si en el bloque de ejecución del condicional necesitás ejecutar más de una instrucción, debés envolver el bloque con llaves.
Esto:

Código:

ajax.onreadystatechange=function() {
                if (ajax.readyState==4 && ajax.status==200) 
                    divResultado.innerHTML = ajax.responseText
                alert(document.getElementById('resultado_login').innerHTML)
            }

es equivalente a esto:

Código:

ajax.onreadystatechange=function() {
                if (ajax.readyState==4 && ajax.status==200) 
                    {divResultado.innerHTML = ajax.responseText;}
                alert(document.getElementById('resultado_login').innerHTML)
            }

y lo que necesitás es esto otro

Código:

ajax.onreadystatechange=function() {
                if (ajax.readyState==4 && ajax.status==200) {
                    divResultado.innerHTML = ajax.responseText;
                    alert(document.getElementById('resultado_login').innerHTML);
                }
            }

[prim]

Muchas gracias, efectivamente era eso. Ahora el problema que se me plantea es de otra índole. Pero antes una duda ¿Cuando se hace la consulta asíncrona al servidor, el código javascript que hay debajo de la consulta ajax sigue ejecutándose? En el siguiente código:

Código PHP:

              divResultado = document.getElementById('resultado_login');
            document.getElementById('resultado_login').innerHTML = "<img src='imatges/loading.gif' width='16'>";
            nom=document.formulario_alta.login.value;
            ajax=objetoAjax();
            ajax.open("POST", "comprovalogin.php",true);
            ajax.onreadystatechange=function() {
                if (ajax.readyState==4){ 
                    divResultado.innerHTML = ajax.responseText
                    if (document.getElementById('resultado_login').innerHTML.indexOf("existente") != -1) { 
                        window.document.formulario_alta.login.focus();
                        return false;
                    }
                }
            }
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
             ajax.send("nombre="+nom)
 
//Todo el código que va a partir de aquí sigue ejecutándose mientras se realiza la consulta ajax....... 
   

...he observado que mientras está haciendo la consulta el código que hay por debajo sigue ejecutándose.

PD: la sentencia return false es por que la consulta ajax la estoy haciendo dentro de la validación de un campo de formulario...

[Panino5001]

En efecto, el resto del código sigue ejecutándose. La definición de asincronía tiene que ver justamente con eso: el código asíncrono se ejecuta fuera del flujo normal de javascript (mientras la ejecución de una línea en modo síncrono tiene lugar cuando ha finalizado la ejecución de la línea anterior, en el modo asíncrono eso no se cumple.)

[prim]

Gracias de nuevo Panino, anda que no me ha dado quebraderos de cabeza hasta que me he dado cuenta.
Se trataba de la validación de un campo de formulario para comprobar mediante PHP un login, pero como el resto del código sigue y valida, el formulario lo da por bueno, ya que la petición ajax todavía no ha acabado... Tendré que replantearme partes del código.

Un saludo y gracias.