JSFiddle - React, Tailwind, and code Playground
HTML
<input value="Get data1" type="button" />
<input value="Get data2" type="button" />
<input value="Get data3" type="button" />
<input value="Get data4" type="button" />
<div id="dataStatus"></div>
<div id="content_Div"></div>
CSS
div#dataStatus {
position:fixed;
top:50%;
left:50%;
text-align:center;}
JavaScript
$("#dataStatus").ajaxStart(function (event) {
$("#dataStatus").append('<img src="http://imgur.com/rYE9H.gif" /><p>Loading.....</p>');
}).ajaxComplete(function () {
$("#dataStatus").html('')
});
$("input").click(function() {
$("#content_Div").load("/ajax_html_echo/");
});