在 Web 开发中,通常需要将数据从链接传递到模态窗口。要在 Bootstrap 中使用 $_GET 变量实现此目的,请按照以下步骤操作:
模态调用按钮:
<td>
模态 HTML:
将以下模态 HTML 放置在呼叫按钮所在页面(最好位于底部)的 while 循环之外:
<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>
模态调用按钮(带有数据属性):
<td>
模态 HTML:
<div class="modal fade">
JavaScript(使用 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 } }); }); });
file.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 } ?>
通过使用这些技术,您可以有效地将 $_GET 变量从链接传递到 Bootstrap 模态,从而允许您在 Web 应用程序中显示动态内容。
以上是如何将 $_GET 变量从链接传递到 Bootstrap 模式?的详细内容。更多信息请关注PHP中文网其他相关文章!