JSFiddle - React, Tailwind, and code Playground

by Philippe Gioseffi

HTML

<a id="anchorID01" href="#href02">Click me 01</a>
<br />
<a id="anchorID02" href="#href02">Click me 02</a>

JavaScript

$('#anchorID01').on('click', function() {
    $.ajax({
        url: '/echo/html/',
        method: 'post',
        success: function() {
            alert('SUCCESS');
        },
        error: function() {
            alert('ERROR');
        },
        complete: function() {
            alert('COMPLETE');
        }
    });
});

$('#anchorID02').on('click', function() {
    $.ajax({
        url: '/echo/html/',
        method: 'post'
    }).
    done(function() {
        alert('SUCCESS');
    }).
    fail(function() {
        alert('ERROR');
    }).
    always(function() {
        alert('COMPLETE');
    });
});