Mysql
 sql >> Datenbank >  >> RDS >> Mysql

Modale Inhalte mit PHP und AJAX füllen?

In Ordnung, hier ist meine Implementierung zu diesem Thema. Es wird etwas einfacher sein, nur die Grundlagen bereitzustellen und Sie Ihren eigenen Code entsprechend bearbeiten zu lassen.

Zunächst einmal ist mein gesamter modaler Inhalt ein div mit einer ID, <div id="modalcontent"> </div>

Angenommen, diese Schaltfläche sollte sich öffnen und mein Modal mit Daten füllen

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

openModal() sieht in etwa so aus

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

Auch hier gibt es viele Möglichkeiten, dies zu tun. Es gibt bessere Möglichkeiten, dies zu tun. Aber Sie sollten verstehen, wie so etwas funktioniert, Sie können die Ausgabe der PHP-Datei nur in Javascript erhalten und Ihre Inhalte mit Javascript bearbeiten. Sie können Ihre Daten von einem anderen PHP-Skript erhalten, das von Javascript ausgeführt wird, wann immer Sie es brauchen, aber das PHP-Skript selbst kann den Inhalt Ihrer bereits geladenen Seite nicht ändern.

Wenn Sie diesen Code verwenden und davon ausgehen, dass alerts.php echo "you have a notification"; , <div id="modalcontent"> </div> ändert sich zu <div id="modalcontent">you have a notification</div> und dann wird das Modal umgeschaltet. Diese Methode stellt auch sicher, dass das Modal erst nach geöffnet wird Die Daten werden abgerufen, sodass das Modal ohne die darin enthaltenen Daten nicht geöffnet werden kann.