Bene, ecco la mia implementazione su questo problema, sarà un po' più semplice fornire solo le nozioni di base e consentirti di modificare il tuo codice di conseguenza.
Prima di tutto il mio intero contenuto modale è un div con un id, <div id="modalcontent"> </div>
Quindi, supponiamo che questo pulsante debba aprire e popolare il mio modale con i dati
<a href="#" onclick="openModal()">Open</a>
openModal() avrà un aspetto simile a questo
$.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
});
Ancora una volta, ci sono molti modi per farlo. Ci sono modi migliori per farlo. Ma dovresti capire come funziona qualcosa del genere, puoi solo ottenere l'output del file PHP in javascript e modificare i tuoi contenuti con javascript. Puoi ottenere i tuoi dati da un altro script PHP, che verrà eseguito da javascript ogni volta che ne avrai bisogno, ma lo stesso script PHP non può modificare il contenuto della tua pagina già caricata.
Usando questo codice e assumendo alerts.php echo "you have a notification"; , <div id="modalcontent"> </div> cambierà in <div id="modalcontent">you have a notification</div> e quindi il modale verrà commutato. Questo metodo garantisce inoltre che il modale venga aperto solo dopo i dati vengono recuperati, quindi è impossibile che il modale si apra senza i dati all'interno.
