D'accord, voici mon implémentation sur ce problème, il sera un peu plus simple de fournir simplement les bases et de vous laisser modifier votre propre code en conséquence.
Tout d'abord, tout mon contenu modal est un div avec un identifiant, <div id="modalcontent"> </div>
Ensuite, supposons que ce bouton s'ouvre et remplisse mon modal avec des données
<a href="#" onclick="openModal()">Open</a>
openModal() ressemblera à ceci
$.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
});
Encore une fois, il existe de nombreuses façons de le faire. Il existe de meilleures façons de le faire. Mais vous devez comprendre comment quelque chose comme ça fonctionne, vous ne pouvez obtenir la sortie du fichier PHP qu'en javascript et modifier votre contenu avec javascript. Vous pouvez obtenir vos données à partir d'un autre script PHP, qui sera exécuté par javascript chaque fois que vous en aurez besoin, mais le script PHP lui-même ne peut pas modifier le contenu de votre page déjà chargée.
En utilisant ce code et en supposant que alerts.php echo "you have a notification"; , <div id="modalcontent"> </div> deviendra <div id="modalcontent">you have a notification</div> puis le modal sera basculé. Cette méthode garantit également que le modal n'est ouvert qu'après les données sont récupérées, il est donc impossible pour le modal de s'ouvrir sans les données à l'intérieur.
