Fyller du modalt innehåll med PHP och AJAX?

Okej, här är min implementering i den här frågan, det kommer att vara lite enklare att bara tillhandahålla grunderna och låta dig redigera din egen kod därefter.

Först och främst är hela mitt modala innehåll en div med ett id, <div id="modalcontent"> </div>

Anta sedan att den här knappen ska öppna och fylla min modal med data

<a href="#" onclick="openModal()">Open</a>

openModal() kommer att se ut ungefär så här

$.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
});

Återigen, det finns många sätt att göra detta. Det finns bättre sätt att göra detta. Men du bör förstå hur något sånt här fungerar, du kan bara få utdata från PHP-filen i javascript och redigera ditt innehåll med javascript. Du kan hämta dina data från ett annat PHP-skript, som kommer att köras av javascript när du behöver det, men PHP-skriptet i sig kan inte ändra innehållet på din redan laddade sida.

Att använda den här koden och anta att alerts.php kommer att echo "you have a notification"; , <div id="modalcontent"> </div> kommer att ändras till <div id="modalcontent">you have a notification</div> och sedan kommer modalen att växlas. Denna metod säkerställer också att modalen endast öppnas efter data hämtas så det är omöjligt för modalen att öppna utan data inuti.