JSFiddle - React, Tailwind, and code Playground

by Gabriel Rodrigues

HTML

<img...

CSS

img {
  display: none;
}

JavaScript

var request = function(url, data) {
   return $.ajax({
     type: 'POST',
     url: url,
     data: data,
     dataType: 'json',
     beforeSend: function() {
       $("img").show();
     },
     complete: function() {
       $("img").hide();
     },error: function(data) {
        $("div").append(data.statusText);
     }
   });
 };

// para simular um erro mude a url para  https://baconipsum.com\api/?type=meat-and-filler
 request("https://baconipsum.com/api/?type=meat-and-filler").then(function(data) {
   $("div").append(data);
 });