Javascript 刷新从MySQL填充的数据表,而不每隔x秒刷新整个页面
我正在尝试刷新一个当前充满MySQL数据的datatable 我的PHP文件:Javascript 刷新从MySQL填充的数据表,而不每隔x秒刷新整个页面,javascript,php,datatable,refresh,Javascript,Php,Datatable,Refresh,我正在尝试刷新一个当前充满MySQL数据的datatable 我的PHP文件: <div class="col-md" id="tableDiv"> <table class="table" id="myTable"> <thead> <td>1</td> <td&
<div class="col-md" id="tableDiv">
<table class="table" id="myTable">
<thead>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</thead>
<tbody>
<?php
$connect = mysqli_connect($servername, $username, $password, $database);
if (!$connect) {
die(mysqli_error());
}
$results = mysqli_query($connect,"SELECT * FROM xxxx");
while($row = $results->fetch_assoc()) {
$imgdata = $row['xxx'];
?>
<tr>
<td><?php echo '<img src="data:image/gif;base64,' . $imgdata . '" />'; ?></td>
<td><?php echo $row['1']?></td>
<td><?php echo $row['2'] ?></td>
<td><?php echo $row['3'] ?></td>
<td><?php echo $row['4'] ?></td>
</tr>
<?php
}
?>
</tbody>
</table>
<script>
$(document).ready(function() {
$('#myTable').DataTable( {
responsive: true,
"pageLength": 10
.ajax.reload(null, false);
});
});
</script>
</div>
</div>
我目前正在使用上面的JS代码填充表,但它不起作用。数据显示在表中,但没有每秒刷新一次。1-编写一个函数,使用ajax请求加载数据表 2-将表格分配给变量(设为x) 3-启动计时器并在x秒内调用该函数 4-函数中的if(x==未定义){initiate table}else{reload table}
有关表格重新加载的信息,请参阅此链接。- 您可以在
时间间隔之后使用服务器端基于ajax的jquery数据表
,您可以重新加载表数据,而不是加载整个页面感谢您的输入。我现在从JS填充了数据库,请参阅附加代码。你能告诉我为什么它不刷新吗?
$(document).ready (function() {
$.ajax({
url: "updatetable.php",
success : function(data) {
var o = JSON.parse(data);
var table= $('#myTable').dataTable( {
data : o,
columns: [
{"data" : "1"},
{"data" : "2"},
{"data" : "3"},
{"data" : "4"},
{"data" : "5"},
],
});
setInterval( function () {
console.log('reloading table')
table.ajax.reload( null, false );
}, 1000 );
}
});
});