我的Ajax代码没有刷新我最喜欢的按钮

// 假设有一个按钮，id为"favorite-button"
document.getElementById('favorite-button').addEventListener('click', function() {
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/update-favorite', true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    
    xhr.onload = function() {
        if (xhr.status === 200) {
            var response = JSON.parse(xhr.responseText);
            // 假设服务器返回的数据中有一个字段"isFavorite"
            if (response.isFavorite) {
                document.getElementById('favorite-button').textContent = '取消收藏';
            } else {
                document.getElementById('favorite-button').textContent = '收藏';
            }
        } else {
            console.error('请求失败：', xhr.status);
        }
    };
    
    xhr.onerror = function() {
        console.error('网络错误');
    };
    
    // 发送请求，可能需要根据实际情况调整发送的数据
    xhr.send(JSON.stringify({ itemId: 123 }));
});