在前端使用AJAX技术,通过向服务器发送异步请求获取数据,然后将这些数据动态地更新到页面上,以实现无需刷新整个页面的数据更新。
代码示例:
$(document).ready(function() {
// 定义一个定时器,每隔5秒钟自动获取最新的数据
var refreshIntervalId = setInterval(getLatestData, 5000);
// 向服务器发送异步请求获取最新的数据
function getLatestData() {
$.ajax({
type: "GET",
url: "/getLatestData",
success: function(data) {
// 更新页面上需要更新的数据
$("#data1").text(data.data1);
$("#data2").text(data.data2);
// ...
}
});
}
});