En el código Javascript tienes el hide
fuera de bloque, lo cual producirá error. Ese bloque podría quedar así:
<script>
$('#formulario').submit(function(event) {
// Obtenemos todos los datos
var parametros = $(this).serialize();
$.ajax({
// Lo enviamos mediante POST
type: "POST",
// A la URL
url: "guardar.php",
// Le pasamos los datos del formulario
data: parametros,
success: function(data) {
// Abrimos el modal
$("#mymodal").modal("show");
// Mostramos el resultado de la URL
$('#resultado').html(data);
// Reseteamos el formulario
document.getElementById("formulario").reset();
$("#mymodal").modal("hide");
}
});
// Prevenimos que el botón submit recargue la página
event.preventDefault();
});
</script>
Además no estás usando el formulario para serializar los elementos, porque ahí this
representa el botón, no el formulario. deberías crear la variable parametros
así:
var parametros = $("#formulario").serialize();
En cuanto al código PHP, le falta algunos controles y hay cosas de más.
Prueba el código de esta manera. Si hay algún error lo dirá: