Oké, hier is mijn implementatie van dit probleem, het zal een beetje eenvoudiger zijn om alleen de basis te bieden en je je eigen code dienovereenkomstig te laten bewerken.
Allereerst is mijn hele modale inhoud een div met een id, <div id="modalcontent"> </div>
Stel dan dat deze knop zou moeten openen en mijn modal zou moeten vullen met gegevens
<a href="#" onclick="openModal()">Open</a>
openModal() ziet er ongeveer zo uit
$.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
});
Nogmaals, er zijn veel manieren om dit te doen. Er zijn betere manieren om dit te doen. Maar je moet begrijpen hoe zoiets werkt, je kunt alleen de uitvoer van het PHP-bestand in javascript krijgen en je inhoud bewerken met javascript. U kunt uw gegevens uit een ander PHP-script halen, dat door javascript wordt uitgevoerd wanneer u het nodig heeft, maar het PHP-script zelf kan de inhoud van uw reeds geladen pagina niet wijzigen.
Als je deze code gebruikt en ervan uitgaat dat alerts.php echo "you have a notification"; , <div id="modalcontent"> </div> verandert in <div id="modalcontent">you have a notification</div> en dan wordt de modal omgeschakeld. Deze methode zorgt er ook voor dat de modal pas na . wordt geopend de gegevens worden opgehaald, dus het is onmogelijk voor de modal om te openen zonder de gegevens erin.