JSFiddle - React, Tailwind, and code Playground

HTML

<button id="btnFirst">First call</button>
<button id="btnSecond">Second call</button>
<div class="spinner1"></div>
<div class="spinner2"></div>

CSS

div {
    width: 30px;
    height: 30px;
    display: none;
}

.spinner1{
    background: green;
}

.spinner2{
    background: blue;
}

JavaScript

$('#btnFirst').click(function() {
    $(document).off(".secondCall");
    $(document).on("ajaxStart.firstCall", function () {
        $('.spinner1').show();
    });
    $(document).on("ajaxStop.firstCall", function () {
        $('.spinner1').hide();
    });
    $.get("/", function() {        
    });
});
$('#btnSecond').click(function() {
    $(document).off(".firstCall");
    $(document).on("ajaxStart.secondCall", function () {
        $('.spinner2').show();
    });
    $(document).on("ajaxStop.secondCall", function () {
        $('.spinner2').hide();
    });
    $.get("/", function() {        
    });
});