JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" id="boton">Cargar</button>

<div id="contenidoAjax" style="padding: 15px 15px 0 15px; border: 1px solid #CCC;"></div>

JavaScript

$('button#boton').on('click',function(e){
	var $contenidoAjax = $('div#contenidoAjax').html('<p><img src="http://www.funcion13.com/wp-content/uploads/2012/04/loader.gif" /></p>');
	
	// Simulo una petición AJAX de menos de un segundos
	setTimeout(function(){
		$contenidoAjax.html('<p>¡¡Contenido cargado!!</p>');
	}, 100);
	e.preventDefault();
});