Plnění modálního obsahu pomocí PHP a AJAX?

Dobře, tady je moje implementace k tomuto problému, bude o něco jednodušší poskytnout jen základy a nechat vás podle toho upravit svůj vlastní kód.

Za prvé, celý můj modální obsah je div s id, <div id="modalcontent"> </div>

Pak předpokládejme, že by se toto tlačítko mělo otevřít a naplnit můj modal daty

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

openModal() bude vypadat nějak takto

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

Opět existuje mnoho způsobů, jak to udělat. Existují lepší způsoby, jak to udělat. Ale měli byste pochopit, jak něco takového funguje, můžete pouze získat výstup souboru PHP v javascriptu a upravit svůj obsah pomocí javascriptu. Svá data můžete získat z jiného PHP skriptu, který bude spuštěn pomocí javascriptu, kdykoli to budete potřebovat, ale samotný PHP skript nemůže upravit obsah vaší již načtené stránky.

Při použití tohoto kódu a za předpokladu, že alerts.php bude echo "you have a notification"; , <div id="modalcontent"> </div> se změní na <div id="modalcontent">you have a notification</div> a poté se modal přepne. Tato metoda také zajišťuje, že modal se otevře až po data jsou načtena, takže je nemožné, aby se modal otevřel bez dat uvnitř.