php - 如何从传递给模态的变量中获取数据？

Question

我有一个动态表 edit和 delete按钮。我能够传递变量 $parid模态。但是，它没有使用 $parid 将数据提取到模态中。 .我不知道我错过了什么。我只是想用mysql代码显示相应的数据WHERE parid='$parid' . $parid 的值传递给 <input type="text" name="parid" id="parid"> .这是我的示例代码:

      <table id="example" class="table table-striped" >
                    <thead>
                        <tr>
                            <th>Param ID</th>
                            <th>Decription</th>
                            <th>Code</th>
                            <th></th>
                         </tr>
                    </thead>
                    <tbody>
                      <?php
                        require 'lab/db/dbcon.php';
                        $query = $con->query("SELECT * FROM param");  
                            while($row=mysqli_fetch_array($query)){
                             ?>
                                <tr>
                                    <td><?php echo $row['parid'];?></td> 
                                    <td><?php echo $row['parnam']; ?></td> 
                                    <td><?php echo $row['parcod']; ?></td> 
                                    <td>
                                        <!--edit button here-->
                                        <a href="" class="btn btn-danger btn-xs btndel" data-toggle="modal" data-id="<?php echo $row['parid']; ?>" data-target="#delpar"><i class="fa fa-trash"></i>
                                        </a>
                                   </td> 
                            </tr>
                          <?php
                        }          
                      ?>
                    </tbody> 
                </table>

 <!-- Start Delete Par Modal -->
              <div class="modal fade" id="delpar" role="dialog">
                <div class="modal-dialog modal-sm">
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                      <h5 class="modal-title"><i class="fa fa-exclamation-circle"></i> Are you sure to delete this record?</h5>
                    </div>
                    <div class="modal-body">
                      <input type="text" class="form-control" name="parid" id="parid" disabled>
                      <table id="example" class="table table-bordered">
                    <thead>
                      <tr>
                        <th>Decription</th>
                        <th>Code</th>
                    </tr>
                    </thead>
                    <tbody>
                      <?php
                        require 'lab/db/dbcon.php';
                        $parid=isset($_POST['parid']);
                        $query = $con->query("SELECT * FROM param WHERE parid ='$parid' ");  
                            while($row=mysqli_fetch_array($query)){
                            ?>
                            <tr>
                                <td><?php echo $row['parnam']; ?></td> 
                                <td><?php echo $row['parcod']; ?></td> 
                            </tr>
                          <?php
                        }          
                      ?>
                    </tbody> 
                </table>
                    </div> 
                    <div class="modal-footer" style="padding:10px;">
                      <button type="button" class="btn btn-danger" name="btndel" id="btndel>"> <i class="fa fa-check"></i>
                      </button>
                      <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-remove"></i></button>
                    </div>
                  </div>
                </div>
              </div>
            <!-- End Delete Par Modal -->

             <script>
              $(document).on("click", ".btndel", function () {
                var parid = $(this).data('id');
                $(".modal-body #parid").val( parid );
                $('#delpar').modal('show');
              });
            </script>

Answer 1

您已经忘记了 PHP 和 jQuery 代码的范围和时间。 jQuery 部分:

    <script>
      $(document).on("click", ".btndel", function () {
        var parid = $(this).data('id');
        $(".modal-body #parid").val( parid );
        $('#delpar').modal('show');
      });
    </script>

在用户查看来自服务器的内容后在用户浏览器上运行。 “Delete Par Modal”中的 PHP 代码甚至在 jQuery 到达浏览器之前就在服务器上运行。

在您的 jQuery 中，您需要添加一个 AJAX 调用以从服务器(您的查询然后运行并返回数据的服务器)实时获取您需要的数据。然后“成功”AJAX 调用应该填充模态字段。