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