W porządku, oto moja implementacja na ten temat, trochę prostsze będzie przedstawienie podstaw i umożliwienie odpowiedniej edycji własnego kodu.
Przede wszystkim cała moja zawartość modalna to div z identyfikatorem, <div id="modalcontent"> </div>
Następnie załóżmy, że ten przycisk powinien otworzyć i wypełnić mój modalny danymi
<a href="#" onclick="openModal()">Open</a>
openModal() będzie wyglądać mniej więcej tak
$.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
});
Znowu jest na to wiele sposobów. Są na to lepsze sposoby. Ale powinieneś zrozumieć, jak coś takiego działa, możesz uzyskać dane wyjściowe pliku PHP tylko w javascript i edytować zawartość za pomocą javascript. Możesz uzyskać swoje dane z innego skryptu PHP, który będzie wykonywany przez javascript, kiedy tylko tego potrzebujesz, ale sam skrypt PHP nie może modyfikować zawartości już załadowanej strony.
Użycie tego kodu i założenie alerts.php spowoduje echo "you have a notification"; , <div id="modalcontent"> </div> zmieni się na <div id="modalcontent">you have a notification</div> a następnie modalny zostanie przełączony. Ta metoda zapewnia również, że mod jest otwierany dopiero po dane są pobierane, więc nie można otworzyć modułu modalnego bez danych w środku.
