Ajax ไม่ได้ถูกยกเลิกเมื่อมีการคลิกปุ่ม

ฉันจะยกเลิกการร้องขอ ajax เมื่อคลิกปุ่มได้อย่างไร ฉันลองคำตอบที่พบที่นี่แต่ไม่ได้ผลกับฉัน

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

เมื่อคลิกปุ่มหยุดแล้ว อาแจ็กซ์ก็ไม่ถูกยกเลิก

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