He intentado enviar un formulario con AJAX y PHP a un correo electrónico sin embargo no lo he conseguido.
HTML:
<form action="" method="post" target="_blank" onsubmit='event.preventDefault(); sendForm1("form-contacto")' name="form-contacto">
<input type="hidden" name="clientRequest" id="clientRequest" value="true" />
<input type="hidden" name="validDate" id="validDate" value="" />
<input type="hidden" name="optin1" id="optin1" value="true" />
<div class="row">
<div class="col-sm-6">
<div class="ffield">
<label for="firstname">Nombre</label>
<input type="text" name="nombre-contacto-2" id="firstname" value="" placeholder="Nombre usuario o empresa" required />
</div>
</div><!-- .col-sm-6 -->
<div class="col-sm-6">
<div class="ffield">
<label for="email">* Correo electrónico</label>
<input type="email" name="email-contacto-2" id="email" value="" placeholder="*Correo electrónico" required />
</div>
</div><!-- .col-sm-6 -->
</div><!-- .row -->
<div class="row">
<div class="col-sm-12">
<div class="ffield">
<label for="firstname">Telefono</label>
<input type="text" name="telefono-contacto-2" id="telefono" value="" placeholder="Telefono" />
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<label for="comment">Mensaje</label>
<textarea class="form-control" rows="5" id="mensaje" placeholder="Escribir consulta" name="mensaje-contacto-2" required></textarea>
</div>
</div>
</div>
PHP:
<?php
$input = json_decode(file_get_contents("php://input") , true);
$ToEmail = "[email protected]";
$EmailSubject = "CONTACTO ";
$mailheader="FUE ENVIADO POR".$_POST['nombre-contacto-2']."\n";
$mailheader .= "From: ".$_POST['email-contacto-2']."\r\n";
$MESSAGE_BODY = "Nombre: ".$_POST['nombre-contacto-2']."";
$MESSAGE_BODY .= "Telefono: ".$_POST['telefono-contacto-2']."\n";
$MESSAGE_BODY.="MENSAJE".$_POST['mensaje-contacto-2'];
mail($ToEmail, $EmailSubject, $MESSAGE_BODY, $mailheader) or die ("Failure");
echo "Saved";
?>
JS:
function sendForm1(formName){
var http = new XMLHttpRequest();
http.open("POST","send-email-macza-2.php",true);
http.send(JSON.encodeForm(document.forms[formName]));
http.onreadystatechange = function(){
if(http.readyState == 4 && http.status == 200){
console.log(http.responseText);
document.getElementById("envio-exitoso-1").innerHTML="<h1>Datos Enviados Correctamente</h1>";
}
}
}
JSON.encodeForm = function(form){
var array = {};
for (key in form) {
var item=form[key];
if(form.hasOwnProperty(key) && item == "[object HTMLInputElement]"){
array[item.name]=item.value;
}
}
return JSON.stringify(array);
}
Y al enviar solo recibo lo siguiente:
FUE ENVIADO POR:
From:
Nombre:
Telefono:
MENSAJE
Al parecer las variables quedan en blanco, ¿alguien sabe por qué ocurre?
textarea
por lo que no va a ser[object HTMLInputElement]
sino[HTMLTextAreaElement]
y se va a ignorar (lo cual te generará errores luego, aunque no debería bloquear el envío del email).