Javascript 刷新包含php代码的表

Javascript 刷新包含php代码的表,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一个PHP代码,它位于一个表标记中。它显示了来自数据库的文本。我想刷新这个表,在不刷新整个页面的情况下,每隔一分钟从数据库加载更新的文本。我发现了几种不用刷新页面就可以重新加载表的解决方案,似乎可以用AJAX或JS来完成,但它们只使用特定的内容或特定的文件来刷新表,然而,我不知道如何刷新 <table class="table table-striped"> <thead> <tr> <th>Department<

我有一个PHP代码,它位于一个表标记中。它显示了来自数据库的文本。我想刷新这个表,在不刷新整个页面的情况下,每隔一分钟从数据库加载更新的文本。我发现了几种不用刷新页面就可以重新加载表的解决方案,似乎可以用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>  

部门
员工
%百分比

您可以像这样在DocumentReady中定义函数

$(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重新绑定表中的数据,在这种情况下,我假设您正在返回一些数据,这些数据绑定到您定义的表的td上

PHP是服务器端,它不能用于“刷新”客户端上的内容,这是Javascript的工作。一旦PHP运行完成,它就不能做任何其他事情了。在PHP上创建一个函数,然后返回需要更新的数据,对它进行ajax调用,调用成功后,使用JavaScript、jQuery或客户端使用的内容将文本添加到表中。