Este es el código del AJAX en donde recibo las variables del formulario
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
function enviar() {
event.preventDefault();
var nombre = document.getElementById('nombre').value;
var correo = document.getElementById('correo').value;
var asunto = document.getElementById('asunto').value;
var mensaje = document.getElementById('mensaje').value;
var dataen = 'nombre='+nombre+'&correo='+correo+'&asunto='+asunto+'&mensaje='+mensaje;
$.ajax({
type:'post',
url:'funciones.php',
data:dataen,
success: function(resp) {
$('#respa').html(resp);
}
});
return false;
}
</script>
Puse el tipo de botón en submit porque si lo pongo en button, no se envía la información, solamente poniendo el tipo de botón en submit
<?php include "funciones.php" ?>
<form method="post" name="validFormulario" id="validFormu" onclick="return enviar()">
<div class="form-row">
<div class="form-group col-md-6">
<input type="text" class="form-control" name="nombre" id="nombre" placeholder="Nombre">
</div>
<div class="form-group col-md-6">
<input type="email" class="form-control" name="correo" id="correo" placeholder="Correo Electrónico">
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="asunto" id="asunto" placeholder="Asunto">
</div>
<div class="form-group">
<textarea class="form-control" name="mensaje" id="mensaje" rows="5" placeholder="Mensaje"></textarea>
<div class="text-center">
<input type="button" name="btn_EnviarCorreo" value="Enviar Ahora">
</div>
</form>
<br>
</div>
<?php mensajeCorreo() ?>
<p id="response"></p>
Agregué el código pero no hace nada.
boton.addEventListener("click", (event) => {
let boton = document.getElementById("envio");
var nombre = document.getElementById('nombre').value;
var correo = document.getElementById('correo').value;
var asunto = document.getElementById('asunto').value;
var mensaje = document.getElementById('mensaje').value;