Foros del Web » Programando para Internet » Jquery »

Archivo PHP no procesa mi solicitud hecha con ajax :(

Estas en el tema de Archivo PHP no procesa mi solicitud hecha con ajax :( en el foro de Jquery en Foros del Web. Hola, Estoy terminando mi pagina web pero en mi hoja de contacto se me esta presentando un problemita. Genere un codigo para que el formulario ...
  #1 (permalink)  
Antiguo 26/07/2015, 16:56
 
Fecha de Ingreso: julio-2015
Ubicación: Lima
Mensajes: 5
Antigüedad: 9 años, 4 meses
Puntos: 0
Archivo PHP no procesa mi solicitud hecha con ajax :(

Hola,
Estoy terminando mi pagina web pero en mi hoja de contacto se me esta presentando un problemita. Genere un codigo para que el formulario sea enviado a "enviarmail.php" por jquery ajax. Ademas que al hacer click en el boton de SUBMIT se levante una ventana modal la cual tiene que mostrar la respuesta que me regrese "enviarmail.php". Esta respuesta debe imprimirse en un div llamado #contenidoint que esta dentro de un div llamado #modal, el cual esta oculto. Todo funciona muy bien en localhost pero al subirlo al servidor es como si no procesara el PHP. Mucho me temo el server si procesa todo asi que la falla debe ser mia.
Ademas le puse un alert antes y despues del "success" del ajax para ver si me trae la respuesta, y solo responde el primer alert el segundo nisiquiera aparece o si aparece lo hace en blanco.
Solicito una ayudita.

Veran este es mi form de contacto
Código HTML:
Ver original
  1. <form id="formulariocont" method="POST" action="php/enviarmail.php">
  2.                         <label>Nombres:</label><input class="llenado" type="text" name="nombre" placeholder="Ingresa tu(s) nombre(s)" required>
  3.                         <label>Apellidos:</label><input class="llenado" type="text" name="apellidos" placeholder="Ingresa tu(s) apellido(s)" required>
  4.                         <label>Correo-electronico:</label><input class="llenado" type="email" name="email" placeholder="Ingresa tu correo electronico" required>
  5.                         <label>Actualmente eres empleado público/privado:</label><input class="llenado" type="checkbox" name="empleado" >              
  6.                         <label>Mensaje:</label><textarea class="llenado" name="consulta" placeholder="Describe tu consulta"></textarea>
  7.                         <input class="boton submit" type="reset" value="BORRAR" name="borrar" /><input class="boton borrar" type="submit" value="ENVIAR" name"submit" onClick="mostrareldiv()" />
  8.                     </form>
  9. <div id="modal" onclick="ocultareldiv()" style="display:none;"><div id="contenidoint"></div></div>

Este es mi codigo jquery "envioformmodal.js"
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $('.borrar').click(function(e){
  3.         e.preventDefault();
  4.         var data = $('#formulariocont').serialize();       
  5.        
  6.         $.ajax({
  7.             url:'PHP/enviarmail.php',
  8.             type:'post',
  9.             dataType:'html',
  10.             data: data,
  11.             /*beforeSend: function(){
  12.                 alert(data);
  13.             },*/
  14.             success: function(data){
  15.                 alert(data);
  16.             }
  17.         })
  18.         .done(function(data){
  19.             $('#contenidoint').html(data);
  20.             document.getElementById('formulariocont').reset();     
  21.         })
  22.     });
  23. });
  24. function mostrareldiv() {
  25. document.getElementById("modal").style.display = "block" ; // permite asignar display:block al elemento #modal
  26. }
  27. function ocultareldiv() {
  28. document.getElementById("modal").style.display = "none" ; // permite ocultar el contenedor al hacer clic en alguna parte de éste mediante display:none en el elemento #modal
  29. }

Y este es mi PHP que procesa la solicitud "enviarmail.php"
Código PHP:
Ver original
  1. <?php          
  2.                 // titulo y correo de envio
  3.                 $emailtitulo = 'Consulta del cliente:' ;
  4.                 $webmaster = '[email protected]' ;
  5.                 //variables
  6.                 $nombre = $_REQUEST['nombre'];
  7.                 $apellido = $_REQUEST['apellidos'];
  8.                 $email = $_REQUEST['email'];
  9.                 //$telefono = $_POST['celular'];
  10.                 $empleado = $_REQUEST['empleado'];
  11.                 $consulta = $_REQUEST['consulta'];             
  12.                
  13.                 $body = '
  14.                     <html lang="es">
  15.                     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  16.                     <style type="text/css">
  17.                     </style>
  18.                     <table><tr><td></td><td></td></tr>
  19.                     <tr><td>Nombre:</td><td> '.$nombre.'</td></tr>
  20.                     <tr><td>Apellidos:</td><td> '.$apellido.'</td></tr>
  21.                     <tr><td>E-mail:</td><td> '.$email.'</td></tr>
  22.                     <tr><td>Empleado:</td><td> '.$empleado.'</td></tr>
  23.                     <tr><td>Consulta:</td><td> '.$consulta.'</td></tr></table>
  24.                     ';
  25.  
  26.                 $headers = "From: $email\n";
  27.                 $headers .= "MIME-Version: 1.0\r\n";
  28.                 $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
  29.                
  30.                 if (mail ($webmaster,$emailtitulo,$body,$headers)){
  31.                     echo '<p>Estimado <span class="nombre"> ' .$nombre. ' </span>, su mensaje a sido enviado exitosamente.</p>';
  32.                     echo "<br>";
  33.                     echo '<p>Le responderemos a la brevedad.</p>.';
  34.                     echo '<div class="botonregresar"><a href="index.html">Regresar a Inicio</a></div>';
  35.                 }
  36.                 else {
  37.                     echo '<p>Error al enviar el mensaje</p>';
  38.                     echo '<div class="botonregresar"><a href="#" onClick="ocultareldiv()">Intentarlo de nuevo</a></div>';
  39.                     echo '<div class="botonregresar"><a href="index.html">Regresar al inicio</a></div>';
  40.                 }          
  41.                 ?>

Última edición por mike20xp; 26/07/2015 a las 17:02
  #2 (permalink)  
Antiguo 28/07/2015, 08:23
Avatar de bymorr  
Fecha de Ingreso: septiembre-2012
Mensajes: 118
Antigüedad: 12 años, 2 meses
Puntos: 9
Respuesta: Archivo PHP no procesa mi solicitud hecha con ajax :(

Mira.
Esto no concuerda.
Tienes tienes en el formulario un submit, que envía una pagina, la misma pagina que envías a través del ajax, a lo mejor no entiendo el funcionamiento de eso.

Lo otro con que estas trabajando el modal? alguna librería como bootstrap? algo por el estilo?

Etiquetas: ajax-php, jquery-ajax, mail-php, php+ajax+formularios
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:26.