JS如何与Spring定时任务配合使用_JS与Spring定时任务配合使用的操作指南

@SpringBootApplication
@EnableScheduling
public class Application {
    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
}

@Component
public class DataSyncTask {
<pre class="brush:php;toolbar:false;"><pre class="brush:php;toolbar:false;">@Scheduled(cron = "0 0 2 * * ?") // 每天凌晨2点执行
public void syncData() {
    System.out.println("定时同步数据开始...");
    // 执行业务逻辑，如数据库更新、文件处理等
}

@RestController
public class TaskController {
<pre class="brush:php;toolbar:false;"><pre class="brush:php;toolbar:false;">@Autowired
private DataSyncTask dataSyncTask;

// 获取最近一次任务执行结果
@GetMapping("/api/last-result")
public ResponseEntity<Map<String, Object>> getLastResult() {
    Map<String, Object> result = new HashMap<>();
    result.put("data", "上次同步时间: " + LocalDateTime.now());
    return ResponseEntity.ok(result);
}

// 手动触发同步（可用于测试）
@PostMapping("/api/sync-now")
public ResponseEntity<String> syncNow() {
    dataSyncTask.syncData();
    return ResponseEntity.ok("同步任务已手动执行");
}

// 获取最新数据
async function loadLatestData() {
  try {
    const res = await fetch('/api/last-result');
    const data = await res.json();
    document.getElementById('result').innerText = data.data;
  } catch (err) {
    console.error('加载失败', err);
  }
}
<p>// 页面加载时获取一次
window.addEventListener('load', loadLatestData);</p><p>// 可选：每5分钟自动刷新
setInterval(loadLatestData, 5 <em> 60 </em> 1000);

document.getElementById('syncBtn').addEventListener('click', async () => {
  await fetch('/api/sync-now', { method: 'POST' });
  alert('同步已完成');
});