刷新表包含一个PHP代码

时间:2017-11-14 17:57:40

标签: javascript php jquery ajax

我有一个PHP代码,它位于表标签中。它显示了来自数据库的文本。我想刷新这个表,在每个 - 比如说 - 1分钟从数据库加载更新的文本而不刷新整个页面。我已经找到了几个解决方案来重新加载表而没有刷新页面,似乎可以用AJAX或JS完成,但它们只用特定内容或特定文件刷新它,但是,我无法想象如何刷新。

<table class="table table-striped">
  <thead>
    <tr>
      <th>Department</th>
      <th class="col_small col_center">Employees</th>
      <th class="col_small col_center">% Percentage</th>
    </tr>
  </thead>
  <tbody>
    <?php $employeeslist=$emp_departmentObj->selectorgall(); 
        foreach($employeeslist as $list)
        { 
          $total=$emp_regObj->selectorgall(); 
          $totalemp=count($total); 
          $deptemp=$emp_regObj->selectemployee($list->id); 
          $totaldeptemp=count($deptemp);  
          $percentage=($totaldeptemp/$totalemp)*100; 
    ?>
    <tr>
      <td><a href="#"><?php echo $list->department ?></a></td>
      <td class="col_center">
        <?php echo $totaldeptemp; ?>
      </td>
      <td class="col_center">
        <?php echo number_format($percentage,1).'%'; ?>
      </td>
    </tr>

    <?php } ?>

  </tbody>
</table>  

1 个答案:

答案 0 :(得分:0)

您可以像这样在文档中定义一个函数

$(document).ready(function() {
setInterval(function() { rebindTable() }, 3000);

function rebindTable() {
    $.ajax({
        url: "http://localhost:80/data.php",
        success: function(result) {
            var data = result;
            $('#td-1-data').html(data.param1);
            $('#td-2-data').html(data.param2);
        }
    });

}
})

这样你可以使用setInterval方法并使用ajax重新绑定表中的数据,在此假设你的http://localhost:80/data.php返回一些数据,这些数据绑定到你定义的表的td