如何將 $_GET 變數從連結傳遞到 Bootstrap 模式？

將 $_GET 變數從連結傳遞到引導模態

在 Web 開發中，通常需要將資料從連結傳遞到模態視窗。要在Bootstrap 中使用$_GET 變數實現此目的，請按照以下步驟操作：

簡單解決方案

1. 模態呼叫按鈕：

   <td>

   登入後複製

   登入後複製

2. 莫代爾HTML:
   將下列模態HTML 放置在呼叫按鈕所在頁面的while 循環之外（最好位於底部):

   <div class="modal fade">

   登入後複製

   登入後複製

3. 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">&times;</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>

   登入後複製

替代解決方案

1. 模態調用按鈕（帶數據屬性）：

   <td>

   登入後複製

   登入後複製
2. Modal HTML:

   <div class="modal fade">

   登入後複製

   登入後複製
3. 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
         }
       });
     });
   });

   登入後複製
4. 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
   }
   ?>

   登入後複製
   附加說明

無需單獨的腳本來清除來自模態的數據，您可以使用$('#editBox').on( 'hidden.bs.modal', function () { $(this).removeData('bs.modal'); });

另一個選擇是使用jQuery 的click 函數$('.open -modal').click(function(){ ... });，其中open-modal 是新增到模態呼叫中的自訂類別按鈕。
• 您也可以使用資料屬性將頁面資訊傳遞給模態，並使用引導模態事件處理它。
• 透過使用這些技術，您可以有效地傳遞 $ _GET 變數從連結到 Bootstrap 模式，讓您在 Web 應用程式中顯示動態內容。

以上是如何將 $_GET 變數從連結傳遞到 Bootstrap 模式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！