¿Actualizar (recargar) una página una vez usando jQuery?

82

Me pregunto cómo actualizar / recargar una página (o incluso un div específico) una vez (!) Usando jQuery.

Lo ideal sería que de una manera correcta después de la DOM structureestá disponible (cf. onloadcaso) y no afectar negativamente back buttono bookmarkfuncionalidad.

Tenga en cuenta: replace() no está permitido debido a restricciones de terceros.

jquery refresh reload

— Pete
fuente

Me falta algo en tu pregunta. ¿Qué quieres decir con "actualizar" la página? Si la página se ha cargado, la recarga inmediata solo cargaría exactamente el mismo contenido, ¿verdad? ¿Qué está tratando de lograr?

— Doug Neiner

Estoy trabajando en una plantilla que aparece "normalmente" primero, pero se fuerza a un iFrame cuando se actualiza / recarga. Ahora quiero que la página se muestre en ese iFrame también en su primera "llamada". TIA!

— Pete

Creo que debería leer este artículo mycodingtricks.com/snippets/javascript/…

— Shubham Kumar

81

Muy bien, creo que tengo lo que estás pidiendo. Prueba esto

if(window.top==window) {
    // You're not in a frame, so you reload the site.
    window.setTimeout('location.reload()', 3000); //Reloads after three seconds
}
else {
    //You're inside a frame, so you stop reloading.
}

Si es una vez, hazlo

$('#div-id').triggerevent(function(){
    $('#div-id').html(newContent);
});

Si es periódicamente

function updateDiv(){
    //Get new content through Ajax
    ...
    $('#div-id').html(newContent);
}

setInterval(updateDiv, 5000); // That's five seconds

Por lo tanto, cada cinco segundos se actualizará el contenido div # div-id. Mejor que refrescar toda la página.

— Ben
fuente

Gracias, pero quiero que la página se actualice / recargue solo UNA VEZ (por sesión de navegador si es posible) ...

— Pete

¿Cuál es el detonante para recargar? un evento determinado o solo un momento?

— Ben

desencadenante: la primera "llamada" de la página (lo siento, mi Inglés es un poco pobre g )

— Pete

omfgroflmao, ¡eres un genio! La versión "editada" es exactamente lo que estaba buscando (todo el día por cierto ...). ¿Es posible agregar aquí un disparador de tiempo opcional? Entonces, ¿se ejecuta location.reload, digamos, después de 3 segundos ...? TIA (¡Realmente me alegraste el día!)

— Pete

Sí, claro, simplemente cambie location.reload () con window.setTimeout ('location.reload ()', 3000);

— Ben

66

Para recargar, puede intentar esto:

window.location.reload(true);

— Mili
fuente

1

¿puedes explicar el argumento bool?

— Tomfumb

7

El argumento de la función location.reload determina si el navegador debe recuperar el documento del servidor web. Si es necesario volver a extraer el documento del servidor web (por ejemplo, cuando el contenido del documento cambia dinámicamente), pase el argumento como 'verdadero' grizzlyweb.com/webmaster/javascripts/refresh.asp

— Secret Squirrel

40

window.location.href=window.location.href;

— Maz
fuente

mala reputación esto, jQuery preguntó HTML dado. -1

— Stefano Groenland

Esto no funcionará si la URL tiene un hash como: mycodingtricks.com/#cool

— Shubham Kumar

5

Utilizar esta:

    <script type="text/javascript">
        $(document).ready(function(){

            // Check if the current URL contains '#'
            if(document.URL.indexOf("#")==-1)
            {
                // Set the URL to whatever it was plus "#".
                url = document.URL+"#";
                location = "#";

                //Reload the page
                 location.reload(true);
            }
        });
    </script>

Debido a la ifcondición, la página se recargará solo una vez.

— Parag Gaiwkad
fuente

4

$('#div-id').click(function(){

   location.reload();
        });

Ésta es la sintaxis correcta.

$('#div-id').html(newContent); //This doesnt work

— swapnil
fuente

3

No tiene una función de actualización de jQuery, porque esto es lo básico de JavaScript.

Prueba esto:

<body onload="if (location.href.indexOf('reload')==-1) location.replace(location.href+'?reload');">

— Adrian P.
fuente

Buena esa. incluso puedes ponerlo dentro de una función: <body onload = "javascript: init ()"> y function init () {if (location.href.indexOf ('reload') == - 1) location.replace (location. href + '& reload');}

— Adrian P.

2

Utilizar:

<html>
    <head>
        <title>Reload (Refresh) Page Using Jquery</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#reload').click(function() {
                    window.location.reload();
                });
            });
        </script>
    </head>
    <body>
        <button id="reload" >Reload (Refresh) Page Using</button>
    </body>
</html>

— Vicky
fuente

1

Agregue esto a la parte superior de su archivo y el sitio se actualizará cada 30 segundos.

<script type="text/javascript">
    window.onload = Refresh;

    function Refresh() {
        setTimeout("refreshPage();", 30000);
    }
    function refreshPage() {
        window.location = location.href;
    }
</script>

Otro es: agregue la etiqueta de la cabeza

<meta http-equiv="refresh" content="30">

— Paresh3489227
fuente

1

 - location = location
 - location = location.href
 - location = window.location
 - location = self.location
 - location = window.location.href
 - location = self.location.href
 - location = location['href']
 - location = window['location']
 - location = window['location'].href
 - location = window['location']['href']

No necesitas jQuery para esto. Puedes hacerlo con JavaScript.

— Steve
fuente

0

Usa esto en su lugar

function timedRefresh(timeoutPeriod) {
    setTimeout("location.reload(true);",timeoutPeriod);
}

<a href="javascript:timedRefresh(2000)">image</a>

— arunav
fuente

0

Prueba este código:

$('#iframe').attr('src', $('#iframe').attr('src'));

— Koss
fuente

0

Prueba esto:

<input type="button" value="Reload" onClick="history.go(0)">

— usuario1016195
fuente

0

Para actualizar la página con javascript, simplemente puede usar:

location.reload();

— Felipe Leão
fuente

0

Es posible que deba usar la thisreferencia junto con location.reload() verificar esto, funcionará.

this.location.reload();

— Tino José Thannippara
fuente