Muy buenas, estoy intentando mostrar el resultado de mi archivo recibe-info.php en la ventana modal. Me explico: Tengo un formulario con 2 campos, agrego los campos y le doy al botón "Enviar la información", dependiendo si los datos se guardan o no me aparece un mensaje "Ocurrió algún error" o "Guardado correctamente". ¿Cómo podría hacerle para que al presionar el botón de mi formulario se me abra mi ventana modal y me muestre el resultado del archivo recibe-info.php?. Algo así:
Espero y me haya explicado. Espero y me puedan echar un cable. Anexo el código de mis dos archivos:
index.html
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
<script src="jquery-3.1.1.min.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<title>Ejemplo de mostrar en modal un archivo php</title>
</head>
<body>
<!-- Button trigger modal -->
<!-- Este botón es solo para que pueda ver el modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#mimodalejemplo">
Mostrar modal
</button>
<br>
<br>
<!-- FIN Button trigger modal -->
<!-- Modal -->
<div class="modal fade" id="mimodalejemplo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">INFORMACIÓN</h4>
</div>
<div class="modal-body">
Cuerpo del modal
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- FIN Modal -->
<!-- FORM -->
<form method="POST" action="recibe-info.php" id="miform">
<input type="text" name="nombre"> Tu nombre
<br>
<input type="number" name="numero"> Tu número de celular
<br>
<input type="submit" value="Enviar la información">
</form>
<!-- FIN FORM -->
</body>
</html>
recibe-info.php
<?php
$nom = $_POST['nombre'];
$num = $_POST['numero'];
require("Acceso/global.php");
$sql="INSERT INTO datosgenerales (nombre, numero) VALUES ('$nom', '$num')";
$query=mysqli_query($con, $sql) or die("<br>" . "Error: " . utf8_encode(mysqli_errno($con)) . " : " . utf8_encode(mysqli_error($con)));
if(!$query)
{
echo "Ocurrió algún error";
}
else
{
echo "Guardado correcto";
}
?>
Muchas gracias de antemano. Apenas estoy involucrándome con estas ventanas modales.