Esta publicación discutirá cómo recargar/actualizar una página web con JavaScript.
Existen 535 formas de recargar la página usando JavaScript, todos los cuales utilizan el Location objeto. Esta publicación proporciona una descripción general de los métodos importantes para lograr esto.
1. Usando location.reload() función
El enfoque estándar para recargar la URL actual con JavaScript utiliza el location.reload() método. Toma un parámetro booleano opcional. El parámetro verdadero forzará la última copia del servidor, mientras que el parámetro vacío o falso servirá la copia almacenada en caché, si está presente.
|
1 2 3 4 5 |
window.addEventListener("load", event => { document.getElementById("reload").onclick = function() { location.reload(true); } }); |
2. Usando location.href
Cuando asigna una URL a la window.location.href propiedad, el documento asociado navega a la nueva página. Podemos usarlo de la siguiente manera para recargar una página:
|
1 |
window.location.href = window.location.href; |
Ya que window es un objeto global, se puede acortar a:
|
1 |
location.href = location.href; |
Tenga en cuenta que el location es un sinonimo de location.href. Por lo tanto, puede omitir el href atributo también.
|
1 |
location = location; |
3. Usando location.assign() función
También puede recargar una página usando el location.assign() o location.replace() método.
|
1 2 3 4 5 |
window.addEventListener("load", event => { document.getElementById("reload").onclick = function() { location.assign(location.href); // o use `location.assign(location)` } }); |
o
|
1 2 3 4 5 |
window.addEventListener("load", event => { document.getElementById("reload").onclick = function() { location.replace(location.href); // o usa `location.replace(location)` } }); |
4. Usando jQuery
Con jQuery, puede asignar la URL actual a la href propiedad de la location objeto usando el .prop() o .attr() método.
|
1 2 3 4 5 |
$(document).ready(function() { $("#submit").click(function() { $(location).prop("href", location.href); }) }); |
También puede asignar directamente un valor a la location objeto.
|
1 2 3 |
$(document).ready(function() { $(window).prop("location", location.href); }); |
Se trata de recargar una página en JavaScript y jQuery.