使用SQL& amp;将数据从页面传递到引导模式PHP

时间:2016-02-22 09:02:59

标签: php jquery sql ajax

因此,根据标题,我试图通过bootstrap模式上的sql传递显示来自数据库的多个数据。 ID将从链接传递下来,它是如何完成的?我找到了多种方式,但我仍然无法显示所选数据;

所以这是模态的触发器:



<?php  while($row = mysqli_fetch_array($adm_query)){
    $id = $row['admin_id'];  ?>
<tr>
	<td style="text-align:center"><?php echo $row['adm_name']; ?></td>
	<td width="150" style="text-align:center"><?php echo $row['staff_no']; ?></td>
	<td width="120" style="text-align:center"><?php echo $row['department']; ?></td>
	<td width="138" style="text-align:center;">
												
      <a data-toggle="modal" data-target="#myModal" data-id="<?php echo $row['admin_id']?>" class="btn btn-outline btn-info"><i class="fa fa-search-plus"></i></a>
    </td>
<?php 	}?>
&#13;
&#13;
&#13;

然后这是模态内容:

&#13;
&#13;
<!-- Modal -->
<div style="margin-top:5%;" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <?php $sel_query=mysqli_query($conn, "select * from admin where admin_id='$idmodal'")or die(mysql_error($conn)); $selrow=mysqli_fetch_array($sel_query);?>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        <div class="panel panel-info" style="text-align:center;">
          <div class="panel-heading">
            <h4>Staff Details</h4>
          </div>
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-6">
                <div class="form-group">
                  <label>Staff ID</label>
                  <p>
                    <?php echo $selrow[ 'staff_no']?>
                  </p>
                </div>
                <div class="form-group">
                  <label>Name</label>
                  <p>
                    <?php echo $selrow[ 'adm_name']?>
                  </p>
                </div>
                <div class="form-group">
                  <label>Services | Department</label>
                  <p>
                    <?php echo $selrow[ 'department']?>
                  </p>
                </div>
              </div>
              <!-- /.col-lg-6 (nested) -->
              <div class="col-lg-6">
                <div class="form-group">
                  <label>Username</label>
                  <p>
                    <?php echo $selrow[ 'username']?>
                  </p>
                </div>
                <div class="form-group">
                  <label>Password</label>
                  <p>
                    <?php echo $selrow[ 'password']?>
                  </p>
                </div>
                <div class="form-group">
                  <label>Date</label>
                  <p>
                    <?php echo $selrow[ 'date_added']?>
                  </p>
                </div>
              </div>

            </div>

          </div>

        </div>
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>
  <!-- /.modal-content -->
</div>
&#13;
&#13;
&#13;

问题无关紧要,我不知道从哪里开始。 感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

在代码中写下以下行: -

$selrow=mysqli_fetch_assoc($sel_query);

$selrow=mysqli_fetch_array($sel_query,MYSQLI_ASSOC);

而不是

$selrow=mysqli_fetch_array($sel_query);

将查询直接写入模态也是不好的做法。

您应该在点击事件中使用 AJAX 。您还应该通过jQuery或javascript填写表单数据。

答案 1 :(得分:0)

<a></a>中创建一个班级<script></script>。在data-id中使用此类可获得<?php while($row = mysqli_fetch_array($adm_query,MYSQLI_ASSOC)){ $id = $row['admin_id']; ?> <tr> <td style="text-align:center"><?php echo $row['adm_name']; ?></td> <td width="150" style="text-align:center"><?php echo $row['staff_no']; ?></td> <td width="120" style="text-align:center"><?php echo $row['department']; ?></td> <td width="138" style="text-align:center;"> <a class="btn btn-outline btn-info openModal" data-toggle="modal" data-target="#myModal" data-id="<?php echo $row['admin_id']?>"> <i class="fa fa-search-plus"></i> </a> </td> </tr> <?php }?>

<div style="margin-top:5%;" class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content"></div>
    </div>
</div>

将此代码放在下面的相同页面中。

data-id=..

JS <script> $('.openModal').click(function(){ var id = $(this).attr('data-id'); $.ajax({url:"ajax_modal.php?id="+id,cache:false,success:function(result){ $(".modal-content").html(result); }}); }); </script> 在这里传递。)

<script></script>

ajax_modal.php (在同一目录中创建一个页面 ajax_modal.php 。如果您要更改此页面名称。请更改<?php // Get `id` from `<script></script>` $id = $_GET['id']; $sel_query=mysqli_query($conn, "select * from admin where admin_id='$id'") or die(mysql_error($conn)); $selrow=mysqli_fetch_array($sel_query,MYSQLI_ASSOC); ?> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> <div class="panel panel-info" style="text-align:center;"> <div class="panel-heading"> <h4>Staff Details</h4> </div> <div class="panel-body"> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label>Staff ID</label> <p> <?php echo $selrow[ 'staff_no']?> </p> </div> <div class="form-group"> <label>Name</label> <p> <?php echo $selrow[ 'adm_name']?> </p> </div> <div class="form-group"> <label>Services | Department</label> <p> <?php echo $selrow[ 'department']?> </p> </div> </div> <!-- /.col-lg-6 (nested) --> <div class="col-lg-6"> <div class="form-group"> <label>Username</label> <p> <?php echo $selrow[ 'username']?> </p> </div> <div class="form-group"> <label>Password</label> <p> <?php echo $selrow[ 'password']?> </p> </div> <div class="form-group"> <label>Date</label> <p> <?php echo $selrow[ 'date_added']?> </p> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> 标记两者都有关系。)

myTable.rows[r].cells[i].innerHTML = '';

有关详细信息,请单击此处

  1. how-to-pass-current-row-value-in-modal
  2. passing-data-via-modal-bootstrap-and-getting-php-variable
  3. bootstrap-modal-and-passing-value
  4. show-data-based-of-selected-id-on-modal-popup-window-after-click-a-button-php-my