JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="botao" value="clique aqui" />
<div id="process" title="Mensagem">
    <p></p>
</div>

JavaScript

$('#botao').on("click",  funcTeste);

$( "#process" ).dialog({
    autoOpen: false,
    width: 400,
    resizable: false,
    draggable: false,
    close: function(){
        // executa uma ação ao fechar
        alert("você fechou a janela");
    }
});

function funcTeste() {
    $.ajax({
        type: 'POST',
        url: '/echo/html/',
        beforeSend: function() {
            $( "#process" ).dialog( "open" ).html("<p>Enviando os dados...</p>");
        }
    }).done(function(data) {
        $( "#process" ).html("<p>Sua mensagem foi enviada com sucesso!</p>");
    });
}