Java 前端页面做 AJAX 异步和页面缓存问题

// 假设我们有一个按钮用于触发AJAX请求和缓存更新
document.getElementById('update-cache').addEventListener('click', function() {
    // 使用fetch API发送异步请求
    fetch('/api/update-cache')
        .then(response => {
            if (response.ok) {
                console.log('缓存更新成功');
                // 这里可以添加更新前端页面的代码
                // 例如更新页面上的缓存状态显示
            } else {
                console.error('缓存更新失败');
            }
        })
        .catch(error => {
            console.error('请求发送失败:', error);
        });
});

这段代码展示了如何使用JavaScript的fetch函数来发送异步HTTP请求。当用户点击页面上的某个元素（例如一个按钮）时，会触发这段代码，然后发送一个POST请求到服务器的/api/update-cache接口。根据请求的结果，会在控制台输出相应的成功或失败信息。在实际应用中，你可能需要根据服务器的响应来更新前端页面的内容，比如更新缓存状态显示、刷新数据等。