Rumah > Artikel > pembangunan bahagian belakang > Bagaimanakah saya boleh menghantar pembolehubah $_GET daripada pautan ke modal Bootstrap?
Dalam pembangunan web, selalunya perlu menghantar data daripada pautan ke tetingkap modal. Untuk mencapai ini menggunakan pembolehubah $_GET dalam Bootstrap, ikuti langkah berikut:
Butang Panggilan Modal:
<td>
Modal HTML:
Letakkan HTML modal berikut di luar gelung while pada halaman di mana butang panggilan terletak (sebaik-baiknya di bahagian bawah):
<div class="modal fade">
file.php:
<?php // Include database connection here $Id = $_GET["id"]; // Escape the string if you like // Run the query ?> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title"><center>Heading</center></h4> </div> <div class="modal-body"> // Show records fetched from database against $Id </div> <div class="modal-footer"> <button type="button" class="btn btn-default">Submit</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div>
Butang Panggilan Modal (dengan atribut data):
<td>
Modal HTML:
<div class="modal fade">
JavaScript (dengan jQuery):
// jQuery library comes first // Bootstrap library $(document).ready(function() { $('#editBox').on('show.bs.modal', function(e) { var id = $(e.relatedTarget).data('id'); // Fetch id from modal trigger button $.ajax({ type: 'post', url: 'file.php', // Here you will fetch records data: 'post_id=' + id, // Pass $id success: function(data) { $('.form-data').html(data); // Show fetched data from database } }); }); });
fail.php:
<?php // Include database connection here if ($_POST['id']) { $id = $_POST['id']; // Run the query // Fetch records // Echo the data you want to show in the modal } ?>
Dengan menggunakan teknik ini, anda boleh menghantar pembolehubah $_GET dengan berkesan daripada pautan ke modal Bootstrap, membolehkan anda memaparkan kandungan dinamik dalam aplikasi web anda.
Atas ialah kandungan terperinci Bagaimanakah saya boleh menghantar pembolehubah $_GET daripada pautan ke modal Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!