Utilizo un formulario para subir datos:
<form method="POST" action="{{ Route('files.create') }}" enctype="multipart/form-data" onsubmit="event.preventDefault(); showSpinner();"> <!-- ... --> </form> <script> const showSpinner = () => { document.getElementById('btnSubmit').innerHTML = 'Loading ...'; document.querySelector('form').submit(); } </script>Si no envío el formulario, veo el texto de carga. Si lo hago, no lo veo. Si cargo una gran cantidad de datos, esto es molesto porque el usuario ahora tiene comentarios sobre si se está cargando o no.
¿Cómo puedo mostrar el texto de carga mientras el servidor (?) o el cliente (?) está procesando (?) el formulario?
puedes usar esto
var spinner = $('#loader'); $(function() { $('form').submit(function(e) { e.preventDefault(); spinner.show(); $.ajax({ url: 'filename.php', data: $(this).serialize(), method: 'post', dataType: 'JSON' }).done(function(resp) { spinner.hide(); alert(resp.status); }); }); });también verifique esto haga clic aquí