Проблема с ajax запросом

function doAjax(request){
    let xhr = new XMLHttpRequest();
    
    if (request.method === 'GET'){
        request.url += '?' + request.data;
        request.data = null;
    }
    xhr.open(request.method, request.url);
    
    if (typeof request.data != 'object'){
        xhr.setRequestHeader('Content-Type', request.contentType);
    }
    
    xhr.onreadystatechange = function(){
        if (xhr.readyState === 4 && xhr.status === 200){
            request.callback(xhr.responseText)
        }
    };
 
    xhr.send(request.data);
}

document.addEventListener('DOMContentLoaded',
    function(){
    let movieSection = document.querySelector('#movies-sec');
    if (movieSection){
        movieSection.addEventListener('click', sectionHandler);
 
        function sectionHandler(event){
            //console.log(event.target);
            
            if (event.target.classList.contains('movie__watched')) {
                let btn = event.target;
                let movieId = btn.parentNode.getAttribute('data-movie-id');
                let watchedCounter = document.querySelector('#watched-count');
                let currentCount = watchedCounter.textContent;
 
                doAjax({
                    method: 'POST',
                    url: 'logic/watched_movie.php',
                    data: 'watched_id=' + movieId, contentType:
                    'application/x-www-form-urlencoded',
                    callback: function(){
                        if (btn.classList.contains('movie__watched_active')){
                            btn.textContent = '(Не смотрел)';
                        }else {
                            btn.textContent = '(Смотрел)';
                            ++currentCount;
                        }
 
                        btn.classList.toggle('movie__watched_active');
                        watchedCounter.textContent = currentCount;
                    }
                });
            }
        }
    }
});