metodo post

[saseisa]

hola a todo estoy utlizando este codigo pero no me esta regresando nada

Código:

$('#enviar').click(function(){
					var nombre=$('#firstname').val();
					var phone = $('#phone').val();
					var email=$('#email').val();
					$.post("modelos/validacion.php",
        			{
			          name: nombre,
			          tel: phone,
                                  correo: email
			        },
			        function(data,status){
			            alert("Data: " + data + "\nStatus: " + status);
			        });
		});

pero no me esta regresando nada, ni el status ni data.
del php unicamente estoy concatenando las variables

Código PHP:

  $nombre = $_POST['name'];
$tel= $_POST['tel'];
$mail=$_POST['correo'];
return $nombre." ".$tel." ".$mail; 
   

espero puedan ayudarme a resolver esto

[livemusic]

en el PHP pon 'echo $nombre." ".$tel." ".$mail; ' y no return

[saseisa]

había puesto echo anteriormente pero igual sin mostrar nada

[Alexis88]

Con el echo debería funcionar. Fíjate en lo que muestra la consola del navegador para descartar errores.

[siddartha23]

¿Qué es #enviar? un input de tipo submit? no se está recargando la página cuando ejecutas la acción no?

[saseisa]

exacto #enviar es un input, este es el formulario

Código HTML:

<form name="Lead_Form" accion="#" class="well responsive" id="register" method="post">
                    
                            <div class="row">
                                <div class="col-md-6">
                                    <label>Enter your First Name:</label>
                                    <input type="text" class="form-control" name="nombre" id="firstname" required="required">
                                </div>
                                <div class="col-md-6">
                                    <label>Enter your Last Name:</label>
                                    <input type="text" class="form-control" name="apellidos" id="secondname" required="" >
                                    <input type="hidden" name="preregister" value="false">
                                </div>
                            </div>
                       
                    <br />
                            <div class="row">
                                <div class="col-md-6">
                                    <label>Enter your Phone:</label>
                                    <input type="tel" class="form-control" name="telefono" id="phone" required="required" >
                                </div>
                                <div class="col-md-6">
                                    <label>Enter your Email:</label>
                                    <input type="email" class="form-control" name="email" id="email" required="required" >
                                </div>
                            </div>
                        <br/>
                    <div class="row">
                        <div class="col-md-12" align="right">
                            <input type="submit" id="enviar" class="btn btn-primary" value="Continue">
                            
                        </div>
                    </div>
                </form> 

la pagina si me recarga pero no tengo respuesta

[Alexis88]

Si tu elemento $("#enviar") es un <input> de tipo submit, va a generar que se realice de forma síncrona el envío de la información del formulario.

Como el método $.post() es asíncrono (AJAX), debes cancelar la ejecución del evento con el método .preventDefault():

Código Javascript:

$('#enviar').click(function(event){
    event.preventDefault();
 
    //Tus instrucciones
});
 

[osmaymoya]

como ENVIAR es de tipo submit, lo que haces es un submit del formulario, lo que tienes que hacer es declarar enviar de tipo botton... esta es la forma mas sencilla...
PD: disculpenme no me habia percatado de la respuesta de Alexis88, la otra forma es haciendo el .preventDefault()

[saseisa]

muchas gracias por sus conocimientos ya funciono con .preventDefault

[siddartha23]

Iniciado por Alexis88

Si tu elemento $("#enviar") es un <input> de tipo submit, va a generar que se realice de forma síncrona el envío de la información del formulario.

Como el método $.post() es asíncrono (AJAX), debes cancelar la ejecución del evento con el método .preventDefault():

Código Javascript:

$('#enviar').click(function(e){
    event.preventDefault();
 
    //Tus instrucciones
});
 

Pequeño detalle: El argumento lo declaraste como e y luego usas event para llamar al método, debería ser e.preventDefault()

[Alexis88]

Sí. Se me pasó. Es la costumbre de usar la e cuando desarrollo y event cuando explico.