如何从传递给模态函数的变量中获取数据?

ssm49v7z  于 2021-06-20  发布在  Mysql
关注(0)|答案(1)|浏览(322)

我有一张动态的table 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>
eoxn13cs

eoxn13cs1#

您已经不知道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调用,以便从服务器实时获取所需的数据(然后在服务器上运行查询并返回数据)。然后“on success”ajax调用应该填充模态字段。

相关问题