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);
}
HTML:
<form action="" method="post" target="_blank"
onsubmit='event.preventDefault() ;sendForm1("form-contacto")'
name="form-contacto">
<div class="row">
<div class="col-sm-12">
<label for="comment">Mensaje</label>
<textarea class="form-control" rows="5" id="mensaje"
placeholder="Escribir consulta" name="mensaje-contacto-2"></textarea>
</div>
</div>
<div id="envio-exitoso-1"></div>
<input type="submit" value="enviar ">
</form>