单击图标更新内容

// 示例代码：确保点击事件正确绑定
document.getElementById('refresh-icon').addEventListener('click', function() {
    fetch('https://api.example.com/data')
        .then(response => response.json())
        .then(data => {
            document.getElementById('content').innerHTML = data.content;
        })
        .catch(error => console.error('Error:', error));
});

// 示例代码：前端防抖实现
function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

document.getElementById('refresh-icon').addEventListener('click', debounce(function() {
    fetch('https://api.example.com/data')
        .then(response => response.json())
        .then(data => {
            document.getElementById('content').innerHTML = data.content;
        })
        .catch(error => console.error('Error:', error));
}, 300)); // 300毫秒内多次点击只触发一次