Problemas con $.post()

elprofeguti · #1 (**permalink**) 28/05/2017, 21:05

AMigos, necesito su ayuda. El valor de la variable mensaje no se visualiza en ALERT.
Mi teoría es que el valor de la variable mensaje no sale de $.post().
¿Por qué y cuál es la solución por favor?
Gracias de antemano.

Código HTML:

function formhashregistro(form, email) {
if (!regex.test(email.value)) {
	$("#email").html("<span class='rojo f08'>Email  <strong>"+email.value+"</strong> no es válido. Inténtalo de nuevo22.</span>");
	return false;
}else{
	var textoBusqueda = $("input#email").val();
	$.post("multiUSERS_registro1_buscarINPUT2.php", {valorBusqueda: textoBusqueda},function(mensaje)
		{
			if (mensaje == "Si") {
			    $("#email").html('E-mail: <span class="rojo f08">El correo <strong>'+textoBusqueda+'</strong> ya está registrado, pruebe con otro.</span>')
    		}else{$("#email").html("Email: <span class='verde f08'>El correo <strong>"+textoBusqueda+"</strong> no está registrado, puede continuar23.</span>");	
			};
		});
	alert(mensaje);		
};
// continua...
}

xfxstudios · #2 (**permalink**) 29/05/2017, 17:03

es porque la estas colocando fuera de la funcionde respuesta, debes colocarla inmediatamemnte despues del else

elprofeguti · #3 (**permalink**) 29/05/2017, 23:57

Cita:

Iniciado por xfxstudios

es porque la estas colocando fuera de la funcionde respuesta, debes colocarla inmediatamemnte despues del else

Es que, lo que quiero es usar el valor de la variable fuera del $.post(), ¿Cómo lo podría hacer? he intentado de varias formas pero no he podido.

xfxstudios · #4 (**permalink**) 30/05/2017, 04:33

inicializa una variable vacia antes del $.post y la actualizas con el valor que requieres, luego la usas en el resto del codigo:

Código Javascript:

Ver original//Inicio la variable de control
var info = '';
$.post('pagina.php',
            {
                'tipo':'muestra',
                'valor':'Este es un valor'
            },
            function(data){
            //Actualizo la variable de control con la respuesta
            info = data;
            alert(data);
        });
 
//utilizo la variable donde la necesite
alert(info);

Alexis88 · #5 (**permalink**) 30/05/2017, 13:24

No logras visualizar el valor ya que se trata de una petición asíncrona (AJAX), mientras que tú intentas ver el valor en el mensaje de alerta de forma síncrona. Así la respuesta la obtengas en milésimas de segundo, el mensaje de alerta aparecerá antes de completarse la petición.

Tienes como opción el utilizar una llamada de retorno o callback:

Código Javascript:

Ver originalfunction ajax(callback){
    $.post(/* la página de destino */, {/* los valores a enviar */}, callback);
}
 
//Líneas más abajo
ajax(function(mensaje){
    alert(mensaje);
});
 
//Más abajo
ajax(function(mensaje){
    alert(mensaje);
});
 
//Y más abajo
ajax(function(mensaje){
    alert(mensaje);
});

O utilizando el objeto diferido (promesa) de jQuery:

Código Javascript:

Ver originalvar ajax = $.post(/* la página de destino */, {/* los valores a enviar */});
 
//Líneas más abajo
ajax.done(function(mensaje){
    alert(mensaje);
});
 
//Más abajo
ajax.done(function(mensaje){
    alert(mensaje);
});
 
//Y más abajo
ajax.done(function(mensaje){
    alert(mensaje);
});

La diferencia sustancial es que, con las llamadas de retorno, se realizará la petición por cada vez que se invoque a la función, mientras que con el objeto diferido solo se realizará la petición una vez y se podrá acceder al mensaje de respuesta cada vez que queramos.

elprofeguti · #6 (**permalink**) 30/05/2017, 19:05

Amigos gracias por sus respuestas pero, he probado lo que me sugiere xfxstudios pero no funciona. También he probado lo que me sugiere Alexis88 y tampoco me funciona. Les explico lo que deseo hacer. Lo de ALERT sólo era una forma para mostrar el valor de la variable.

En el siguiente código, el return false; no funciona. Es decir no retorna al input email. Lo que hace es continuar con el siguiente: if (datepicker.value == ''). Lo que quiero es que detenga la función y retorne al input email.

Cita:

También he probado colocando el return false; fuera de $.post(). Y esto sí funciona pero el reutrn false; se ejecuta sin importar si el valor de la variable de mensajes sea Si o No. Es decir que para cualquiera de los dos casos retorna al input. Asumo que no reconoce el IF o no pasa el valor de mensaje.

Cita:

O aguna otra alternativa. ¿Cuál podría ser la solución?

Alexis88 · #7 (**permalink**) 31/05/2017, 12:14

Si no se está ejecutando la sentencia de retorno dentro de la condición es porque esta última no se está cumpliendo y, por ende, pasa al caso contrario o else. Para salir de dudas al respecto, imprime un valor cualquiera por cada caso, por ejemplo:

Código Javascript:

Ver originalif (mensaje == "Si"){
    console.log("Se cumple");
}
else{
    console.log("No se cumple");
}

Luego, dirígete a la consola del navegador (pulsa la tecla F12, luego ve a "Console" y ejecuta el código) y observa el mensaje que se imprime.

Por cierto, esto no parece tener nada que ver con lo que nos dijiste al inicio.

elprofeguti · #8 (**permalink**) 31/05/2017, 15:13

Cita:

Iniciado por Alexis88

Si no se está ejecutando la sentencia de retorno dentro de la condición es porque esta última no se está cumpliendo y, por ende, pasa al caso contrario o else. Para salir de dudas al respecto, imprime un valor cualquiera por cada caso, por ejemplo:

Código Javascript:

Ver originalif (mensaje == "Si"){
    console.log("Se cumple");
}
else{
    console.log("No se cumple");
}

Luego, dirígete a la consola del navegador (pulsa la tecla F12, luego ve a "Console" y ejecuta el código) y observa el mensaje que se imprime.

Por cierto, esto no parece tener nada que ver con lo que nos dijiste al inicio.

Amigo Alexis 88, ya hice lo que me indicaste y me sale:
ReferenceError: mensaje is not defined

El código usado fue el siguiente:

Cita:

He hechovarias prueba y lo que puedo deducir es que el valor de la variable mensaje no sale de $.post()
Cuál puede ser la solución?

xfxstudios · #9 (**permalink**) 31/05/2017, 15:38

Prueba usando una variable de control:

Código Javascript:

Ver originalfunction formhashregistro(form, email) {
 
        var control;//iniciamos una variable de control general
 
        if (!regex.test(email.value)) {
        // código...
        }else{
            var textoBusqueda = $("input#email").val();
            $.post("multiUSERS_registro1_buscarINPUT2.php", {
                    valorBusqueda: textoBusqueda
                },function(mensaje)
                {
                    if (mensaje == "Si") {
 
                        control = true;//pasamos a true la variable
                        $("#email").html('E-mail: <span class="rojo f08">El correo <strong>'+textoBusqueda+'</strong> ya está registrado, pruebe con otro.</span>');
                    }else{
 
                        control = false;//pasamos a false
                        $("#email").html("Email: <span class='verde f08'>El correo <strong>"+textoBusqueda+"</strong> no está registrado, puede continuar23.</span>");  
                    };
                });
                //si es verdadera detengo el codigo
 
                if (control){
                    control = "";//limpiamos la variable para reutilizarla mas adelante
                    return false;
                };
        };
        // continua...
        if (datepicker.value == '') {
        // más código...
        }
}

elprofeguti · #10 (**permalink**) 31/05/2017, 16:39

Cita:

Iniciado por xfxstudios

Prueba usando una variable de control:

Código Javascript:

Ver originalfunction formhashregistro(form, email) {
 
        var control;//iniciamos una variable de control general
 
        if (!regex.test(email.value)) {
        // código...
        }else{
            var textoBusqueda = $("input#email").val();
            $.post("multiUSERS_registro1_buscarINPUT2.php", {
                    valorBusqueda: textoBusqueda
                },function(mensaje)
                {
                    if (mensaje == "Si") {
 
                        control = true;//pasamos a true la variable
                        $("#email").html('E-mail: <span class="rojo f08">El correo <strong>'+textoBusqueda+'</strong> ya está registrado, pruebe con otro.</span>');
                    }else{
 
                        control = false;//pasamos a false
                        $("#email").html("Email: <span class='verde f08'>El correo <strong>"+textoBusqueda+"</strong> no está registrado, puede continuar23.</span>");  
                    };
                });
                //si es verdadera detengo el codigo
 
                if (control){
                    control = "";//limpiamos la variable para reutilizarla mas adelante
                    return false;
                };
        };
        // continua...
        if (datepicker.value == '') {
        // más código...
        }
}

No funciona. He hecho varias pruebas y he comprobado que el valor que se le asigne a la variable dentro de $.post() no sale por nada.

Alexis88 · #11 (**permalink**) 31/05/2017, 17:34

Cita:

Iniciado por elprofeguti

[...] ya hice lo que me indicaste y me sale:
ReferenceError: mensaje is not defined [...]

Eso pasa porque la condición está fuera del alcance de la llamada de retorno del método $.post(). En otras palabras, fuera de $.post(), la variable mensaje no está definida, que es exactamente lo que dice el mensaje. Coloca tu condición entre comentarios y justo debajo o por encima de ella, sin salir del método $.post(), inserta la condición de ejemplo que te indiqué para saber cómo se está evaluando a la variable.

Cita:

Iniciado por elprofeguti

[...] He hechovarias prueba y lo que puedo deducir es que el valor de la variable mensaje no sale de $.post()
Cuál puede ser la solución?

Obviamente no puedes acceder al valor de mensaje desde fuera del método por lo que acabo de explicar. Para hacerlo, tendrías que utilizar una de las dos soluciones que te planteé al inicio.

Fuera de esto, me queda una duda: ¿qué es lo que realmente deseas hacer? ¿Acceder al valor de mensaje desde afuera del método o saber cómo se está evaluando su valor en la condición?

Por cierto, para ver el resultado de la condición que planteo, tienes que seguir casi los mismos pasos que realizaste para ver el resultado de la petición asíncrona, solo que ahora debes dirigirte a la pestaña "Console".

elprofeguti · #12 (**permalink**) 31/05/2017, 17:42

Cita:

Iniciado por Alexis88

Eso pasa porque la condición está fuera del alcance de la llamada de retorno del método $.post(). En otras palabras, fuera de $.post(), la variable mensaje no está definida, que es exactamente lo que dice el mensaje. Coloca tu condición entre comentarios y justo debajo o por encima de ella, sin salir del método $.post(), inserta la condición de ejemplo que te indiqué para saber cómo se está evaluando a la variable.

Obviamente no puedes acceder al valor de mensaje desde fuera del método por lo que acabo de explicar. Para hacerlo, tendrías que utilizar una de las dos soluciones que te planteé al inicio.

Fuera de esto, me queda una duda: ¿qué es lo que realmente deseas hacer? ¿Acceder al valor de mensaje desde afuera del método o saber cómo se está evaluando su valor en la condición?

Por cierto, para ver el resultado de la condición que planteo, tienes que seguir casi los mismos pasos que realizaste para ver el resultado de la petición asíncrona, solo que ahora debes dirigirte a la pestaña "Console".

Acabo de comprobar que:
1.- La función $.post() demora en dar su respuesta.
2.- En Consola sale lo siguiente:
Hola1
INICIOFIN
cosa
cosa Fuera
3.- El orden debería ser:
Hola1
cosa
cosa Fuera
cosaFIN
4.- Pero el valor de control no cambia porque el $.post() se demora en dar su respuesta y para eso ya llegó hasta la última fila de cpodigo.

Cita:

elprofeguti · #13 (**permalink**) 31/05/2017, 17:51

Amigo Alexis88, lo que quiero hacer es lo siguiente.

Estoy validando el campo email.
Cuando el usuario digita el email y le hace clic en ENVIAR. El correo es verificado si existe o no en la base de datos.
En el caso de que el email exista la variable MENSAJE tomará un valor de "Sí" y de inmediato deberá regresar al formulario para volver a digitar el correo.

El problema es que el return false; no funciona cuando lo coloco tal y como lo muestro en el siguiente código. Lo que hace es continuar con el siguiente if (datepicker.value == ''). Lo que quiero es que detenga la función y retorne al input email.

function formhashregistro(form, email) {
if (!regex.test(email.value)) {
// código...
}else{
var textoBusqueda = $("input#email").val();
$.post("multiUSERS_registro1_buscarINPUT2.php", {valorBusqueda: textoBusqueda},function(mensaje)
{
if (mensaje == "Si") {
$("#email").html('E-mail: El correo '+textoBusqueda+' ya está registrado, pruebe con otro.');return false;
}else{$("#email").html("Email: El correo "+textoBusqueda+" no está registrado, puede continuar23.");
};
});
};
// continua...
if (datepicker.value == '') {
// más código...
}
}

También he probado colocando el return false; fuera de $.post(). Y esto sí funciona pero el reutrn false; se ejecuta sin importar si el valor de la variable de mensajes sea Si o No. Es decir que para cualquiera de los dos casos retorna al input. Asumo que no reconoce el IF o no pasa el valor de mensaje.

function formhashregistro(form, email) {
if (!regex.test(email.value)) {
// código...
}else{
var textoBusqueda = $("input#email").val();
$.post("multiUSERS_registro1_buscarINPUT2.php", {valorBusqueda: textoBusqueda},function(mensaje)
{
if (mensaje == "Si") {
$("#email").html('E-mail: El correo '+textoBusqueda+' ya está registrado, pruebe con otro.');
}else{$("#email").html("Email: El correo "+textoBusqueda+" no está registrado, puede continuar23.");
};
});
if (mensaje == "Sí") {return false;};
};
// continua...
if (datepicker.value == '') {
// más código...
}
}

Ahora, creo que el problema no es el valor de la variable sino la demora de $.post(?
Cómo podría solucionarlo?

Alexis88 · #14 (**permalink**) 31/05/2017, 17:54

Eso pasa por lo que te he venido diciendo: es un proceso asíncrono. Y nuevamente te lo digo: para poder trabajar con la variable que contiene la respuesta del servidor, debes usar llamadas de retorno o el objeto diferido, tal y como te lo sugerí al inicio.

Alexis88 · #15 (**permalink**) 31/05/2017, 17:58

Acabo de leer el segundo de tus dos últimos mensajes. Y nuevamente volvemos a un punto anterior. No se ejecuta esa sentencia de retorno porque no se cumple la condición y, por lo tanto, no se ejecuta el bloque de instrucciones correspondiente. Es por esta razón que te sugerí probar con esa condición de ejemplo para saber cómo se está evaluando la variable ya que no estás realizando un proceso de depuración.

elprofeguti · #16 (**permalink**) 31/05/2017, 18:08

Alexis88, he hecho lo que me haz indicado, he usado el objeto diferido. Pero igual se demora en dar respuesta. EN Consola sale lo siguiente:
Hola1
INICIOFIN
cosa
cosa Fuera

Dónde puedo estar fallando?

Código Javascript:

Ver originalfunction formhashregistro(form, email) {
if (!regex.test(email.value)) {
// código...
}else{
    console.log("Hola1");
    var control="INICIO";
    var textoBusqueda = $("input#email").val();
    var ajax = $.post("multiUSERS_registro1_buscarINPUT2.php", {valorBusqueda: textoBusqueda});
    ajax.done(function(mensaje){
        if (mensaje == "Si") {
            control="cosa";
            $("#email").html('E-mail: <span class="rojo f08">El correo <strong>'+textoBusqueda+'</strong> ya está registrado, pruebe con otro.</span>');console.log(control);           
        }else{
            control="carro";
            $("#email").html("Email: <span class='verde f08'>El correo <strong>"+textoBusqueda+"</strong> no está registrado, puede continuar23.</span>");
        };
        console.log(control+" Fuera");
    });
    console.log(control+"FIN");
};
// continua...
if (datepicker.value == '') {
// más código...
}
}

Alexis88 · #17 (**permalink**) 31/05/2017, 18:20

No vas a poder evitar que la respuesta no se muestre en el orden que lo estableces ya que proviene de un proceso asíncrono, a menos de que realices el proceso de forma síncrona. Por ejemplo:

Código Javascript:

Ver original$.ajax({
    url: "destino.php",
    type: "POST",
    async: false,
    data: {
        foo: "bar"
    }
});

En lugar de $.post(), usarías el método $.ajax(), que es básicamente el método raíz de todos los métodos asíncronos de jQuery, y que permite realizar este tipo de configuración.

elprofeguti · #18 (**permalink**) 31/05/2017, 22:34

Cita:

Iniciado por Alexis88

No vas a poder evitar que la respuesta no se muestre en el orden que lo estableces ya que proviene de un proceso asíncrono, a menos de que realices el proceso de forma síncrona. Por ejemplo:

Código Javascript:

Ver original$.ajax({
    url: "destino.php",
    type: "POST",
    async: false,
    data: {
        foo: "bar"
    }
});

En lugar de $.post(), usarías el método $.ajax(), que es básicamente el método raíz de todos los métodos asíncronos de jQuery, y que permite realizar este tipo de configuración.

Amigo Alexis88, hice lo que me indicaste me me salió. Estoy muy agradecido por tu asesoría. El código final es el siguiente:

Código Javascript:

Ver original}else{
    console.log("Hola1");
    var control="INICIO";
    var textoBusqueda = $("input#email").val();
    $.ajax({
        url :'multiUSERS_registro1_buscarINPUT2.php',
        data:{valorBusqueda: textoBusqueda},
        type :'POST',
        async: false,
        success : function(mensaje){
            if (mensaje == "Si") {
            control=true;
            $("#email").html('E-mail: <span class="rojo f08">El correo <strong>'+textoBusqueda+'</strong> ya está registrado, pruebe con otro.</span>');console.log(control);       
            }else{
            control=false;
            $("#email").html("Email: <span class='verde f08'>El correo <strong>"+textoBusqueda+"</strong> no está registrado, puede continuar23.</span>");
            };
            console.log(control+" Fuera");
        }
    });
    if(control){return false;}
};

Pero tengo una duda. En la consola me sale el siguiente mensaje:

Cita:

Un XMLHttpRequest síncrono en el hilo principal está desaprobado por sus efectos negativos en la experiencia del usuario final. Para más ayuda vea http://xhr.spec.whatwg.org/

¿Qué significa dicho mensaje?

Alexis88 · #19 (**permalink**) 01/06/2017, 00:11

Básicamente el mensaje no recomienda realizar procesos síncronos AJAX, especialmente porque el usuario tendrá que esperar a que el proceso se complete para poder continuar; en cambio, cuando el proceso es asíncrono, se ejecuta en background y el usuario puede continuar navegando en la página.