1

Necesito hacer un window.location.reload(true); cada vez que inicie la página, pero que no se genere un bucle infinito, porque si lo coloco en una función en el $(document).ready o en el body onload se repite y repite infinitamente.

¿Cómo podría hacer que se ejecute siempre que inicie la página, esto con el fin de que siempre cargue desde el servidor sin usar la cache, pero solo una vez?

O alguna forma de obtener el mismo resultado (Cargue desde el servidor y no desde cache)...

Es así...

function reload(){
console.log("Se recarga");
window.location.reload(true);  
}
<body onload="reload();">
  </body>

7
  • Es posible que agregues tu codigo, para poder reproducir el error? el 3 feb. 2017 a las 21:07
  • Listo ya lo agregue, si te das cuenta se crea un bucle infinito y no sé cómo poder hacer para detenerlo. el 3 feb. 2017 a las 21:13
  • "esto con el fin de que siempre cargue desde el servidor". ¿Puedes aclarar esta parte? No entendí el fin si, al fin y al cabo, todo documento HTML es enviado desde el servidor.
    – gugadev
    el 3 feb. 2017 a las 21:20
  • Mira, aquí te explican todo de cómo funciona el location.reload developer.mozilla.org/en-US/docs/Web/API/Location/reload el 3 feb. 2017 a las 21:21
  • Sé cómo funciona, lo que no acabo de entender es para qué necesitas hacer ésto. ¿Implementas server side rendering o algo parecido? Curiosidades afuera, puedes guardar una bandera en sessionStorage que te indique si el documento aún no ha sido recargado, en ese caso, cambias la bandera y procedes a la recarga. La próxima vez ya no se ejecutará porque la bandera será false.
    – gugadev
    el 3 feb. 2017 a las 21:27

4 respuestas 4

2

Curiosa pregunta, además de particular. Si no quieres poner el hash que te proponen las otras respuestas, se me ocurre algo con sessionStorage:

let isRedirected = sessionStorage.getItem('isRedirected');
if (!isRedirected) {
  sessionStorage.setItem('isRedirected', true);
  window.location.reload(true);
}

Actualización

Debido a tu comentario 6 días después de posteada la respuesta, en donde añades otro requisito, el cual consiste en que se debe aplicar a múltiples páginas, edito un poco el código.

Básicamente lo que necesitas añadir es la página a la cual se le ha indicado que haga una recarga forzada al storage:

/*
 * Obtenemos la última parte de la URL. Por ejemplo, en una URL como:
 * https://unadireccion.com/blog
 * se obtendrá 'blog'
 */
(function () {
  let page = location.href.substring(location.href.lastIndexOf('/') + 1);
  let isRedirected = sessionStorage.getItem(page);

  if (!isRedirected) {
    sessionStorage.setItem(page, true);
    window.location.reload(true);
  }
})();
11
  • Nunca he manejado eso, y según intento agregarlo no sé como declarar el isRedirected el 3 feb. 2017 a las 21:38
  • Solo necesitas copiar y pegar, no hay mayor misterio...
    – gugadev
    el 3 feb. 2017 a las 21:39
  • Eso hice pero me genera un error en el primer isRedirected y me dice Se esperaba ';' que raro el 3 feb. 2017 a las 21:40
  • No hay ningún error. Mira éste fiddle para que salgas de dudas.
    – gugadev
    el 3 feb. 2017 a las 21:42
  • Si tienes razón, el Visual Studio me genera error por alguna razón pero si funciona, muchas gracias :D el 3 feb. 2017 a las 21:48
1

Lo que hacemos aca es indicar al javascript que la url cambia (Es decir le agregamos un #), siempre y cuando se recargue una vez. Asi evitamos el bucle infinito.

Espero te sirva.

function reload(){

   if(document.URL.indexOf("#") == -1){
       document.URL += '#';
   }

   location = '#';

   console.log("Se recarga");
   location.reload(true);  
}
<body onload="reload();">
  </body>

1
  • Si te das cuenta, el bucle continua :/ No haces nada, cambias la URL y vuelves a recargar la página el 3 feb. 2017 a las 21:31
1

Este ejemplo es copiado al de arriba por la diferencia es que dentro del primer refresh le coloco el URL y refresco al siguiente ya tendra el # por tanto no se refrescara a la segunda merito para Ivan Botero

if(document.URL.indexOf("#") == -1){
           document.URL += '#';   location.reload(true);  
       }
    }
2
  • Considera agregar un comentario solo por costumbre xD
    – gugadev
    el 3 feb. 2017 a las 21:34
  • Es exactamente que el de arriba, continúa generando el bucle, lo agregué exactamente como lo colocaste el 3 feb. 2017 a las 21:36
1

Tendrías que agregar METAs de control-cache y expiración para el HTML:

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />

Asimismo, tendrías que forzar para los CSS y JS, agregando una versión por ejemplo.

<script type="text/javascript" src="main.js?v=12392823"></script>

Considere como referencia

3
  • Ya tengo todo esto, pero sigue sin funcionar, en realidad solo me funciona agregando ese window.location.reload(true) el 3 feb. 2017 a las 21:37
  • Es "curioso"... que controles el cache de esa manera. Solo actualicé la referencia.
    – Davlio
    el 3 feb. 2017 a las 21:54
  • Si, tengo todas estas metas agregadas pero no sé, aveces me funcionan y otras no, yo creo que sucedía era lo siguiente, borraba el cache, pero no mantenía el anterior hasta que se recargara la página o no sé, es como si aveces no tomara esas etiquetas el 3 feb. 2017 a las 22:06

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.