Được rồi, đây là cách triển khai của tôi về vấn đề này, sẽ đơn giản hơn một chút nếu chỉ cung cấp thông tin cơ bản và cho phép bạn chỉnh sửa mã của riêng mình cho phù hợp.
Trước hết, toàn bộ nội dung phương thức của tôi là một div có id, <div id="modalcontent"> </div>
Sau đó, giả sử nút này sẽ mở và điền vào phương thức của tôi với dữ liệu
<a href="#" onclick="openModal()">Open</a>
openModal () sẽ giống như thế này
$.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
});
Một lần nữa, có nhiều cách để làm điều này. Có nhiều cách tốt hơn để làm điều này. Nhưng bạn nên hiểu cách hoạt động của một thứ như thế này, bạn chỉ có thể lấy đầu ra của tệp PHP bằng javascript và chỉnh sửa nội dung của bạn bằng javascript. Bạn có thể lấy dữ liệu của mình từ một tập lệnh PHP khác, tập lệnh này sẽ được javascript thực thi bất cứ khi nào bạn cần, nhưng bản thân tập lệnh PHP không thể sửa đổi nội dung của trang đã được tải của bạn.
Sử dụng mã này và giả sử alerts.php sẽ echo "you have a notification"; , <div id="modalcontent"> </div> sẽ thay đổi thành <div id="modalcontent">you have a notification</div> và sau đó phương thức sẽ được chuyển đổi. Phương thức này cũng đảm bảo phương thức chỉ được mở sau khi dữ liệu được tìm nạp nên phương thức không thể mở mà không có dữ liệu bên trong.
