Baiklah, inilah implementasi saya untuk masalah ini, akan lebih mudah jika hanya memberikan dasar-dasarnya dan membiarkan Anda mengedit kode Anda sendiri.
Pertama-tama seluruh konten modal saya adalah div dengan id, <div id="modalcontent"> </div>
Kemudian, misalkan tombol ini akan membuka dan mengisi modal saya dengan data
<a href="#" onclick="openModal()">Open</a>
openModal() akan terlihat seperti ini
$.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
});
Sekali lagi, ada banyak cara untuk melakukan ini. Ada cara yang lebih baik untuk melakukan ini. Tetapi Anda harus memahami bagaimana sesuatu seperti ini bekerja, Anda hanya bisa mendapatkan output dari file PHP dalam javascript dan mengedit konten Anda dengan javascript. Anda bisa mendapatkan data Anda dari skrip PHP lain, yang akan dieksekusi oleh javascript kapan pun Anda membutuhkannya, tetapi skrip PHP itu sendiri tidak dapat mengubah konten halaman Anda yang sudah dimuat.
Menggunakan kode ini dan dengan asumsi alerts.php akan echo "you have a notification"; , <div id="modalcontent"> </div> akan berubah menjadi <div id="modalcontent">you have a notification</div> dan kemudian modal akan diaktifkan. Metode ini juga memastikan modal hanya dibuka setelah data diambil sehingga modal tidak mungkin dibuka tanpa data di dalamnya.
