Question

这是我在数据表提取记录中的代码：

<section class="content">
 <div class="row">
 <div class="col-xs-12">
  <div class="box">
  <div class="box-header">
 </div>
 <div class="box-body">
 <table id="example1" class="table table-bordered table-striped">
 <thead>
 <th>ID</th>
  <th>Date</th>
  <th>Name</th>
  <th>Course</th>
  <th>Purpose</th>
  <th>Time-in</th>
 <th>Time-out</th>

  </thead>
  <tbody>
  <?php
  include_once('Connection.php');
  $sql = "SELECT * FROM attendance";
  $result = mysqli_query($conn,$sql);
  if ($result->num_rows > 0) {
  while($row=mysqli_fetch_assoc($result)){
  ?>
  <tr>
 <td><?php  echo $row['id']?></td>
 <td><?php  echo $row['date']?></td>
 <td> <?php echo $row['name']?></td>
 <td> <?php echo $row['course']?></td>
<td> <?php echo $row['purpose']?></td>
<td> <?php echo $row['time-in']?> </td>
<td>
<?php echo $row['time-out']?>
</td>
</tr>
<?php }}?>
 </tbody>
  </table>
  </div>
   </div>
   </div>
    </div>
    </section>

这是我使用的javascript：

<script src="bower_components/jquery/dist/jquery.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            setInterval(function () {
                $('#box-body').load('data.php')
            }, 2000);
        });
    </script>

插入新记录时有没有办法自动刷新数据表？

我尝试在单独的记事本中回显我的数据表，并在我的javascript代码中通过div调用它，但它不起作用。

Answer 1

如果您想在没有页面刷新的情况下更新数据，那么该表应该是基于ajax的。您应该使用 Jquery数据表服务器端处理方案来执行此操作，以下是完整的方法：

https://datatables.net/examples/data_sources/server_side

插入新记录时如何自动刷新数据表？

1 个答案: