Muy bien, aquí está mi implementación sobre este problema, será un poco más simple proporcionar los conceptos básicos y permitirle editar su propio código en consecuencia.
En primer lugar, todo mi contenido modal es un div con una identificación, <div id="modalcontent"> </div>
Luego, supongamos que este botón debería abrirse y llenar mi modal con datos
<a href="#" onclick="openModal()">Open</a>
openModal() se verá así
$.post("alerts.php", {
id: ID
}, function(data) {//data will contain whatever alerts.php prints
document.getElementById("modalcontent").innerHTML = data;//insert data into modal
$('#my-modal').modal('toggle');//open modal
});
Una vez más, hay muchas maneras de hacer esto. Hay mejores maneras de hacer esto. Pero debe comprender cómo funciona algo como esto, solo puede obtener la salida del archivo PHP en javascript y editar su contenido con javascript. Puede obtener sus datos de otro script PHP, que será ejecutado por javascript siempre que lo necesite, pero el script PHP en sí mismo no puede modificar el contenido de su página ya cargada.
Usando este código y suponiendo que alerts.php echo "you have a notification"; , <div id="modalcontent"> </div> cambiará a <div id="modalcontent">you have a notification</div> y luego se alternará el modal. Este método también garantiza que el modal solo se abra después los datos se recuperan, por lo que es imposible que el modal se abra sin los datos dentro.
