JSFiddle - React, Tailwind, and code Playground

by Tobias Mesquita

HTML

<input id="doRequest" type="button" value="Request AJAX" />
<span id="qtdRegistros">0</span> Requests Pedentes.

JavaScript

var doRequest = $("#doRequest");
var qtdRegistros = $("#qtdRegistros");

doRequest.on("click", function () {
  $.post({
    url: '/echo/html/',
    data: {
      html: "<b>Hello World!</b>",
      delay: 1
    },
    success: function () {
      console.log("complete");
    }
  });
});

$(document).ajaxSend(function(event, jqXHR, ajaxOptions) {
	var qtd = parseInt(qtdRegistros.html());
  qtdRegistros.html(++qtd);
	if (qtd > 1) {
 		jqXHR.abort();
  }
});
$(document).ajaxComplete(function(event, jqXHR, ajaxOptions) {
	var qtd = parseInt(qtdRegistros.html());
  qtdRegistros.html(--qtd);
});