Archivo PHP no procesa mi solicitud hecha con ajax :(

mike20xp · #1 (**permalink**) 26/07/2015, 16:56

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<form id="formulariocont" method="POST" action="php/enviarmail.php">
                        <label>Nombres:</label><input class="llenado" type="text" name="nombre" placeholder="Ingresa tu(s) nombre(s)" required>
                        <label>Apellidos:</label><input class="llenado" type="text" name="apellidos" placeholder="Ingresa tu(s) apellido(s)" required>
                        <label>Correo-electronico:</label><input class="llenado" type="email" name="email" placeholder="Ingresa tu correo electronico" required>
                        <label>Actualmente eres empleado público/privado:</label><input class="llenado" type="checkbox" name="empleado" >               
                        <label>Mensaje:</label><textarea class="llenado" name="consulta" placeholder="Describe tu consulta"></textarea>
                        <input class="boton submit" type="reset" value="BORRAR" name="borrar" /><input class="boton borrar" type="submit" value="ENVIAR" name"submit" onClick="mostrareldiv()" />
                    </form>
<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$(document).ready(function(){
    $('.borrar').click(function(e){
        e.preventDefault();
        var data = $('#formulariocont').serialize();        
        
        $.ajax({
            url:'PHP/enviarmail.php',
            type:'post',
            dataType:'html',
            data: data,
            /*beforeSend: function(){
                alert(data);
            },*/
            success: function(data){
                alert(data);
            }
        })
        .done(function(data){
            $('#contenidoint').html(data);
            document.getElementById('formulariocont').reset();      
        })
    });
});
function mostrareldiv() {
document.getElementById("modal").style.display = "block" ; // permite asignar display:block al elemento #modal
}
function ocultareldiv() {
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
}

Y este es mi PHP que procesa la solicitud "enviarmail.php"

Código PHP:

Ver original<?php           
                // titulo y correo de envio
                $emailtitulo = 'Consulta del cliente:' ;
                $webmaster = '[email protected]' ;
                //variables
                $nombre = $_REQUEST['nombre'];
                $apellido = $_REQUEST['apellidos'];
                $email = $_REQUEST['email'];
                //$telefono = $_POST['celular'];
                $empleado = $_REQUEST['empleado'];
                $consulta = $_REQUEST['consulta'];              
                
                $body = '
                    <html lang="es">
                    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                    <style type="text/css">
                    </style>
                    <table><tr><td></td><td></td></tr>
                    <tr><td>Nombre:</td><td> '.$nombre.'</td></tr>
                    <tr><td>Apellidos:</td><td> '.$apellido.'</td></tr>
                    <tr><td>E-mail:</td><td> '.$email.'</td></tr>
                    <tr><td>Empleado:</td><td> '.$empleado.'</td></tr>
                    <tr><td>Consulta:</td><td> '.$consulta.'</td></tr></table>
                    ';
 
                $headers = "From: $email\n";
                $headers .= "MIME-Version: 1.0\r\n";
                $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
                
                if (mail ($webmaster,$emailtitulo,$body,$headers)){
                    echo '<p>Estimado <span class="nombre"> ' .$nombre. ' </span>, su mensaje a sido enviado exitosamente.</p>';
                    echo "<br>";
                    echo '<p>Le responderemos a la brevedad.</p>.';
                    echo '<div class="botonregresar"><a href="index.html">Regresar a Inicio</a></div>';
                }
                else {
                    echo '<p>Error al enviar el mensaje</p>';
                    echo '<div class="botonregresar"><a href="#" onClick="ocultareldiv()">Intentarlo de nuevo</a></div>';
                    echo '<div class="botonregresar"><a href="index.html">Regresar al inicio</a></div>';
                }           
                ?>

bymorr · #2 (**permalink**) 28/07/2015, 08:23

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?