formulario para recomendar web con llamado Ajax

mtpa · #1 (**permalink**) 29/03/2010, 19:14

Hola a toda la comunidad!

Tengo un sencillo formulario para recomendar una pagina web, mediante el metodo POST. Este envio se realizaba muy bien, al hacer el llamado al PHP redireccionaba la página.y todo muy bien... Pero ahora quiero elimiar esa opcion de redireccionar la página desde el php..y lo que quiero es que salga un mensaje de aviso de cargando y luego de mensaje enviado. Esto lo estoy haciendo con Ajax...al poner el codigo funciona bien el llamado pero la peticion no llega al correo.

Les solicito sus ayuda para resolver este problema....

El script utilizado es:

Código:

<script src="js/jquery-1.3.2.min_recomendar.js" type="text/javascript"></script>	
<script>
$(document).ready(function(){
	$("#enlaceajax").click(function(evento){
		evento.preventDefault();
		$("#cargando").css("display", "inline");
		$("#destino").load("php/recomendar.php", function(){
			$("#cargando").css("display", "none");
		});
	});
})
</script>

Formulario en html para enviar la peticion.

Código HTML:

<form  id="recomendar" action="php/recomendar.php" method="post">

mi nombre:
<input name="nombre" id="nombre" type="text" class="text" size="15" value="" />
escriba su correo:
<input name="remitente" id="email" type="text" class="text required email" size="25" value="" />
Ecriba el correo de su amigo:
<input name="destinatario" type="text" class="text required email" size="25" value="" />

///aca viene la DIV del Ajax ///
<a href="#" id="enlaceajax">
<input type="submit" class="submit" name="submit" value="Recomendar" /> </a>

<div id="cargando" >Enviando...</div> //// Este es el mensaje al hacer click
<div id="destino"> </div>

</form>

Ahora les presento el .PHP ( recomendar.php)

Código PHP:

  <?php

$destinatario = $_POST['destinatario'];

$remitente = $_POST['email'];

$nombre = $_POST['nombre'];

$mensaje = $_POST['mensaje'];

 
$message = "

Hola  ".$nombre."

visita la siguiente pagina link: www.dominio.com ".$mensaje."";

 
mail($destinatario,"Un amigo te recomienda que visites una pagina web",$message, "From: $remitente");

 
sleep(3);

echo ("Gracias por recomendarnos...");

?>

El PHP que me funciona bien es el siguiente (pero este redirecciona la pagina web) :

Código PHP:

  <?php

$destinatario = $_POST['destinatario'];

$remitente = $_POST['email'];

$nombre = $_POST['nombre'];

$mensaje = $_POST['mensaje'];

 
$thank="amigo_enviado.html";

 
$message = "

Hola  ".$nombre."

visita la siguiente pagina link: www.dominio.com ".$mensaje."";

 
mail($destinatario,"Un amigo te recomienda que visites una pagina web",$message, "From: $remitente");

 
Header ("Location: $thank");

?>

Les agradezco de antemano su ayuda,

abimaelrc · #2 (**permalink**) 29/03/2010, 19:43

Si el mail no trae algún error, entonces está cumpliendo con su función de enviar toda la información al SMTP. Verifica que esté enviando los valores correctos al SMTP.. Usa var_dump para que veas los valores almacenados.

ell3er · #3 (**permalink**) 29/03/2010, 19:57

Nose si me equivoco pero el metodo .load() de jquery, si bien sirver para hacer peticiones ajax lo estas haciendo sin los parametros de los campos del formulario.

Código Javascript:

Ver originalload(url,parametros,callback) :

Código Javascript:

Ver original$("#IDdestino").load("test.php", { 'nombres[]': ["fulano", "sutano"] } );

Hace tiempo uso un plugin para jquery que evita estar concatenando todos los campos del formularios. -->http://malsup.com/jquery/form/
Por mas que el formularios tenga 100 campos no sera necesario concaternalos para mandarlos como parametro.
un ejemplo:

Código PHP:

Ver original<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
    <script type="text/javascript"> 
 
$(document).ready(function() {            
var options = { 
    target:     '#divToUpdate', 
    //url:        'test.php', // para sobreescribir el atributo action="comment.php" del form 
     type:      'post',   //'get' o 'post',,
    //cache: false,
    //scriptCharset: 'UTF-8', // solo para jsonp script y get 
    success:    function(e) {
        $('#divToUpdate').html(e);        
    },
    beforeSend: function() {        
        $('#divToUpdate').html("<p>enviando</p>");      
    },
    error: function(e){
        $('#divToUpdate').html("<b>error: </b>"+e);
    }  
}; 
 
  $('#myForm').submit(function() {   
    $(this).ajaxSubmit(options); 
    // return false para prevenir el submit normal del formulario 
    return false; 
 });
 
}); 
</script>
</head>
<body>
<form id="myForm" action="comment.php" method="post">&#160;
 
Name: <input type="text" name="name" /><br />&#160;
Appd:&#160;<input type="text" name="app" /><br />
Email:&#160;<input type="text" name="email" /><br />
Comm: </p><textarea name="comment">ghjghjghj</textarea>&#160;<br />
sexo:&#160;<input type="radio" name="sexo" />
<input type="radio" name="sexo" /><br />
gay?: <input type="checkbox" name="gay" /><br />         
<input type="submit" id="boton" value="Submit Comment" />
</form>
<div id="lol">
here
</div>
 
<div id = "divToUpdate">aqui la respuesta ajax:</div>
</body>
</html>

saludos..

GatorV · #4 (**permalink**) 30/03/2010, 08:52

Tema movido desde PHP a AJAX

mtpa · #5 (**permalink**) 30/03/2010, 11:38

aun no tengo resuelto el problema.... en el llamado del Ajax, esta la ruta del PHP que ejecuta la accion pero en el formulario tambien esta el Action del PHP no influye que este en el formulario y que luego lo llame el Ajax??? el formulario en el HTML esta bueno...si lo utilizo con el ultimo php que redirecciona al ejecutar la accion...PERO YO NO QUIERO QUE SE REDIRECCIONE LA PAGINA ASI que decidi agregarle el ajax..para que al ejecutarse el PHP aparezca debajo del formulario un mensaje de gracias por recomendarnos.....

Al aplicarlo....y hacer click con el ajax..aparece los mensajes pertienentes.."gracias por recomendarnos." lo que me hace pensar que envio la solicitud...pero esa solicitud nunca llego al correo....que tengo malo !!!!

solicito su ayuda...

Gracias a todos nuevamente