Ajax не прерывается при нажатии кнопки

Question

Как я могу прервать запрос ajax при нажатии кнопки? Я попробовал несколько ответов, которые нашел здесь, но у меня это не сработало.

<button type="button" id="toStop">Stop</button>

При нажатии кнопки остановки ajax не прерывается.

function() {
    var myajaxreq = $.ajax({
        url: myurlhere,
        type: 'GET',
        async: true,
        success: function(result) {
                            
        }
        beforeSend: function () {
            if(document.getElementById('toStop').clicked == true) {
                myajaxreq.abort();
            }
        }
    });
}

Answer 1

Вам нужен отдельный прослушиватель кликов, который прервет запрос ajax. Использование beforeSend не всегда работает.

$('#toStop').click(function(e) {
    e.preventDefault();
    // abort here
    // make sure myajaxreq is accessible in this function
    if (myajaxreq) myajaxreq.abort();
});