ajax实时监测与springboot的实例分析

在Spring Boot中，你可以创建一个控制器来处理AJAX请求，并使用@Scheduled注解来实现定时任务（例如实时监测）。以下是一个简单的例子：

Spring Boot Controller:

import org.springframework.scheduling.annotation.Scheduled;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ResponseBody;
 
@Controller
public class MonitorController {
 
    // 用于存储监测数据的变量
    private String monitorData = "Initial data";
 
    // 定时任务，每隔一定时间更新监测数据
    @Scheduled(fixedRate = 5000) // 每5秒执行一次
    public void monitorTask() {
        // 这里可以执行监测逻辑，更新monitorData
        monitorData = "Updated data at " + System.currentTimeMillis();
    }
 
    // 通过AJAX请求获取监测数据
    @GetMapping("/getMonitorData")
    @ResponseBody
    public String getMonitorData() {
        return monitorData;
    }
}

JavaScript (AJAX) 客户端:

function fetchMonitorData() {
    $.ajax({
        url: '/getMonitorData',
        type: 'GET',
        success: function(data) {
            console.log(data); // 处理接收到的监测数据
            // 可以在这里更新页面上的显示
            $('#monitorDataDisplay').text(data);
        },
        error: function(error) {
            console.error('Error fetching monitor data: ', error);
        }
    });
}
 
// 设置一个定时器，定时发起AJAX请求获取最新的监测数据
setInterval(fetchMonitorData, 5000);

在这个例子中，Spring Boot后端定义了一个monitorTask方法，使用@Scheduled注解来周期性地更新监测数据。同时，提供了一个getMonitorData方法，用于通过AJAX获取最新的监测数据。JavaScript客户端使用jQuery的$.ajax方法周期性地（每5秒钟一次）请求这个方法，并在成功获取数据后更新页面上的显示。