Estaba tratando de presionar un botón para recargar la página pero no funciona y no sé por qué
Estoy usando handlebars , así que en teoría todo este código aquí abajo está dentro de un <body>
Envía el "POST" y todo bien, lo único que no corre es el script
Como pequeña información relevante, estoy usando Bootstrap 5.
<script> const reload = document.getElementById('reload'); reload.addEventListener('click', _ => { window.location.reload(); }); </script> <div class="Things with little reference"> . . . <form action="/dashboard/" method="POST"> <div class="form-group"> <button id="reload" class="btn btn-success">ye!</button> </div> </form>El tipo predeterminado de botón es "enviar" , que enviará el formulario.
para este caso, debe cambiar el tipo de botón a "botón" o usar preventDefault para detener el comportamiento predeterminado del botón en el que se hizo clic.
cambiar el tipo de botón a "botón"
<button type="button" id="reload" class="btn btn-success">ye!</button>o use preventDefault
reload.addEventListener('click', e => { e.preventDefault() window.location.reload(); });En lugar de usar JS, puede especificarlo directamente en el botón.
<button onClick="window.location.reload();" class="btn btn-success" >ye!</button>Después de enviar el formulario, puede llamar al método para recargar desde el evento onSubmit.
<button type="button" onClick="onSubmit()">Close</button> <script> function refreshPage(){ window.location.reload(); } onSubmit() { /*Here you can add your code for submit event*/ this.refreshPage(); } </script>