JSFiddle - React, Tailwind, and code Playground

by Julian

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://www.jqueryscript.net/demo/Minimal-AJAX-Loading-Spinner-Plugin-with-jQuery-pleaseWait/jquery.pleaseWait.js"></script>
<form id="post_data">
<input type="submit">
</form>

<div class="center-block" id="spinner"></div>

JavaScript

$(document).ready(function() {
        $('#post_data').submit(function(e) {
						e.preventDefault();
            
            $('#spinner').pleaseWait();
            $.ajax({
                url: 'process.php',
                type: 'POST',
                dataType: 'html',
                data: $(this).serialize(),
                success: function(newContent) {
                    $('#mytable').prepend('<tr>' + newContent + '</tr>');
                    $("form").trigger("reset");

                }
            });

            return false;
        });
    });