JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<a href='#' id='send_request'>Send request</a>

JavaScript

console.log('page loaded');

var request;

$('#send_request').click(function() {
    request = $.ajax({
        url: '/echo/json',
        success: function() {
            console.log('too late');
        },
        error: function(xhr, status, error) {
            if(status == 'abort') {
                console.log('abort');
            } else {
                console.log('error');
            }
        }
    });
    
    setTimeout(function() {
        window.location.reload();
    }, 10);
});

window.onbeforeunload = function() {
    console.log('onbeforeunload');
    if(request !== undefined) {
        console.log('abort called');
        request.abort();
    }
}