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

Question 1

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.

Question 2

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.

Question 3

Para recargar, puede intentar esto:

window.location.reload(true);

Question 4

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

Question 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.

Question 6

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

   location.reload();
        });

Ésta es la sintaxis correcta.

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

Question 7

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');">

Question 8

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>

Question 9

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">

Question 10

 - 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.

Question 11

Usa esto en su lugar

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

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

Question 12

Prueba este código:

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

Question 13

Prueba esto:

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

Question 14

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

location.reload();

Question 15

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

this.location.reload();

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

Shubham Kumar

Answer 5

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

Answer 6

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

Pete

Answer 7

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

Ben

Answer 8

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

Pete

Answer 9

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

Answer 10

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

Ben

Answer 11

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

Answer 12

1

¿puedes explicar el argumento bool?

Tomfumb

Answer 13

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

Answer 14

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

Answer 15

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

Stefano Groenland

Answer 16

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

Shubham Kumar

Answer 17

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.

Answer 18

4

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

   location.reload();
        });

Ésta es la sintaxis correcta.

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

swapnil
fuente

Answer 19

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.

Answer 20

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.

Answer 21

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>

Answer 22

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">

Answer 23

 - 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.

Answer 24

Usa esto en su lugar

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

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

Answer 25

0

Prueba este código:

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

Koss
fuente

Answer 26

0

Prueba esto:

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

usuario1016195
fuente

Answer 27

0

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

location.reload();

Felipe Leão
fuente

Answer 28

0

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

this.location.reload();

Tino José Thannippara
fuente

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

Respuestas: