Question

我的代码有问题。我想传递一个PHP变量来引导模态。

这是我的代码：

我的链接打开模式：

<td><a class="btn btn-primary btn-xs" data-toggle="modal" data-target="#modal-user" href="userDetails.php?id_user=<?= $rel['id_user'] ;?>"><?= $rel['id_user'] ;?></a></td>

我的模式代码：

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-user" aria-hidden="true" id="modal-user">
    <div class="modal-dialog modal-lg">

        <?php
            include('userDetails.php');
        ?>

    </div>
</div>

和userDetails.php代码：

<?php

require 'connect.php';

if (isset($_GET['id_user']) && !empty($_GET['id_user'])) {
    $idUser = $_GET['id_user'];
}


$sql = "SELECT * FROM users WHERE id_user=" .$bdd->quote($idUser);
$query = $bdd->query($sql);
$userDetails = $query->fetchAll(PDO::FETCH_ASSOC);


?>

        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Infos</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
            </div>
            <div class="modal-body">
                <?php
                    foreach($userDetails as $details) {
                ?>
                    <p><?= $details['name'] ?></p>
                    <p><?= $details['firstname'] ?></p>
                <?php
                    }
                ?>
            </div>
        </div>

另外，我有这个jQuery代码：

<script>
$( document ).ready(function() {
    $('#modal-user').on('hidden.bs.modal', function () {
          $(this).removeData('bs.modal');
    });
});
</script>

我在看其他帖子，通常情况下，一切都可以，但是我有一个错误，我仍然不知道为什么...

注意：未定义的变量：第10行/Applications/MAMP/htdocs/directory/userDetails.php中的idUser

能帮我吗？

Answer 1

Bootstrap模式href在您单击时未调用您的页面。 include userDetails.php时，您的页面已经加载。因此，您可以在include之前定义get或通过GET变量传递用户ID。

所以：

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-user" aria-hidden="true" id="modal-user">
    <div class="modal-dialog modal-lg">

        <?php
            $_GET['id_user'] = $rel['id_user'];
            include('userDetails.php');
        ?>

    </div>
</div>

处于循环状态

如果您有一个循环并想通过jQuery动态地进行循环，则可以执行以下操作：

从您的链接中删除引导程序调用，并添加一个触发类modal-btn并使之类似：

<a 
    class="btn btn-primary modal-btn btn-xs"
    href="userDetails.php?id_user=<?= $rel['id_user'] ;?>"><?= $rel['id_user'] ;?>
</a>

更新模态结构并删除include()：

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-user" aria-hidden="true" id="modal-user"> 
  <div class="modal-dialog modal-lg">   
    <div class="modal-content"></div>    
  </div> 
</div>

jQuery应当获取链接的href属性并调用bootstrap模态函数load，并强制将模态设置为show

$(".modal-btn").on('click',function(e){ //trigger when link clicked
   e.preventDefault(); 
   $('#modal-user').modal('show'); //force modal to show
   $('.modal-content').load( $(this).attr('href')); //load content from link's href
});

因此，您的页面userDetails.php将被加载到模式中，并且您需要从模式中删除<div class="modal-content">...</div>以避免重复...

如何在Bootstrap Modal中传递GET变量？

1 个答案: