可以使用 jQuery 的 Ajax 来实现在添加新内容时,通过刷新表格行来显示最新的内容。
HTML 代码:
#
Name
Age
1
John
30
2
Jane
25
JS 代码:
// 使用 jQuery 的 Ajax,每隔 5 秒钟从服务器获取最新的内容
setInterval(function() {
$.ajax({
url: 'server/get-latest-rows.php',
method: 'GET',
success: function(data) {
// 解析 JSON 数据
var rows = JSON.parse(data);
// 清空表格的 tbody
$('#myTable tbody').empty();
// 遍历新的行数据,创建 HTML 并添加到表格的 tbody
rows.forEach(function(row) {
var html = '' +
'' + row.id + ' ' +
'' + row.name + ' ' +
'' + row.age + ' ' +
' ';
$('#myTable tbody').append(html);
});
},
error: function() {
alert('Unable to get latest rows.');
}
});
}, 5000); // 每隔 5 秒钟刷新一次表格