gpt4 book ai didi

javascript - 自动刷新表 PHP JavaScript/jQuery

转载 作者:行者123 更新时间:2023-11-29 20:49:44 25 4
gpt4 key购买 nike

我想在数据库中添加新行时自动刷新我的表。我不知道如何创建它。

<div class="row">
<div class="col-md-6">
<legend>Typy Darmowe</legend><hr>
<table class="table" id="types-free">
<thread>
<tr>
<th>ID</th>
<th>Mecz</th>
<th>Typ</th>
<th>Data Dodania</th>
<th>URL</th>
</tr>
</thread>
<tbody>
<?php foreach($types as $type) { ?>
<tr>
<td><?php echo $type->t_id; ?></td>
<td><?php echo $type->t_match; ?></td>
<td><?php echo $type->t_type; ?></td>
<td><?php echo $type->t_date; ?></td>
<td><?php echo $type->t_url; ?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>

最佳答案

您需要使用 AJAX 调用。我发现你没有分页。一种简单的方法是创建一个 AJAX 调用,返回表中的项目计数,然后刷新整个页面。每1秒从后端获取一次计数。将计数存储在隐藏元素中以进行比较。刷新整个页面也会更新隐藏字段中存储的计数

setTimeout(function(){
var request = $.ajax({
url: "countRows.php",
method: "GET"
});

request.done(function( data ) {
if($('#count').val() != data.count) {
location.reload();
}
});
}, 1000);

获取计数器:

<?php 
// countRows.php
// -- run sql 'SELECT count(id) FROM table_name
// get the count value
echo json_encode(['count' => $count]);

HTML:

<input type="hidden" id="count" value="<?php echo count($types);?>"/>
<div class="row">
<div class="col-md-6">
<legend>Typy Darmowe</legend><hr>
<table class="table" id="types-free">
<thread>
<tr>
<th>ID</th>
<th>Mecz</th>
<th>Typ</th>
<th>Data Dodania</th>
<th>URL</th>
</tr>
</thread>
<tbody>
<?php foreach($types as $type) { ?>
<tr>
<td><?php echo $type->t_id; ?></td>
<td><?php echo $type->t_match; ?></td>
<td><?php echo $type->t_type; ?></td>
<td><?php echo $type->t_date; ?></td>
<td><?php echo $type->t_url; ?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>

如果您想要仅在前端进行高级且复杂的表格操作而不刷新整个页面,您可以查看 datatables

关于javascript - 自动刷新表 PHP JavaScript/jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38165232/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com