Come ricaricare una pagina usando JavaScript

Come posso ricaricare la pagina usando JavaScript?

Ho bisogno di un metodo che funzioni in tutti i browser.

JavaScript 1.0

window.location.href = window.location.pathname + window.location.search + window.location.hash;
// creates a history entry

JavaScript 1.1

window.location.replace(window.location.pathname + window.location.search + window.location.hash);
// does not create a history entry

JavaScript 1.2

window.location.reload(false); 
// If we needed to pull the document from
//  the web-server again (such as where the document contents
//  change dynamically) we would pass the argument as 'true'.

location.reload();

Vedi questa pagina MDN per ulteriori informazioni.

Se stai aggiornando dopo un onclick, dovrai restituire false direttamente dopo

location.reload();
return false;

Ecco 535 modi per ricaricare la pagina utilizzando JavaScript , l'essere più semplice location = location.

Questi sono i primi 50:

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']
location = window.location['href']
location = self['location']
location = self['location'].href
location = self['location']['href']
location = self.location['href']
location.assign(location)
location.replace(location)
window.location.assign(location)
window.location.replace(location)
self.location.assign(location)
self.location.replace(location)
location['assign'](location)
location['replace'](location)
window.location['assign'](location)
window.location['replace'](location)
window['location'].assign(location)
window['location'].replace(location)
window['location']['assign'](location)
window['location']['replace'](location)
self.location['assign'](location)
self.location['replace'](location)
self['location'].assign(location)
self['location'].replace(location)
self['location']['assign'](location)
self['location']['replace'](location)
location.href = location
location.href = location.href
location.href = window.location
location.href = self.location
location.href = window.location.href
location.href = self.location.href
location.href = location['href']
location.href = window['location']
location.href = window['location'].href
location.href = window['location']['href']
location.href = window.location['href']
location.href = self['location']
location.href = self['location'].href
location.href = self['location']['href']
location.href = self.location['href']
...

È possibile eseguire questa attività utilizzando window.location.reload();. Dato che ci sono molti modi per farlo, ma penso che sia il modo appropriato per ricaricare lo stesso documento con JavaScript. Ecco la spiegazione

È window.locationpossibile utilizzare l'oggetto JavaScript

• per ottenere l'indirizzo della pagina corrente (URL)
• per reindirizzare il browser a un'altra pagina
• per ricaricare la stessa pagina

window: in JavaScript rappresenta una finestra aperta in un browser.

location: in JavaScript contiene informazioni sull'URL corrente.

L' locationoggetto è come un frammento windowdell'oggetto e viene richiamato attraverso la window.locationproprietà.

location L'oggetto ha tre metodi:

1. assign(): usato per caricare un nuovo documento
2. reload(): utilizzato per ricaricare il documento corrente
3. replace(): usato per sostituire il documento corrente con uno nuovo

Quindi qui dobbiamo usare reload(), perché può aiutarci a ricaricare lo stesso documento.

Quindi usalo come window.location.reload();.

Demo online su jsfiddle

Per chiedere al browser di recuperare la pagina direttamente dal server e non dalla cache, è possibile passare un trueparametro a location.reload(). Questo metodo è compatibile con tutti i principali browser, inclusi IE, Chrome, Firefox, Safari, Opera.

Provare:

window.location.reload(true);

Il parametro impostato su 'true' ricarica una nuova copia dal server. Lasciandolo fuori servirà la pagina dalla cache.

Ulteriori informazioni sono disponibili su MSDN e nella documentazione di Mozilla .

Stavo cercando alcune informazioni relative ai ricarichi nelle pagine recuperate con richieste POST, ad esempio dopo aver inviato un method="post"modulo.

Per ricaricare la pagina mantenendo i dati POST, utilizzare:

window.location.reload();

Per ricaricare la pagina eliminando i dati POST (eseguire una richiesta GET), utilizzare:

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

Speriamo che questo possa aiutare gli altri a cercare le stesse informazioni.

Per ricaricare una pagina utilizzando JavaScript, utilizzare:

window.location.reload();

Questo funziona per me:

function refresh() {    
    setTimeout(function () {
        location.reload()
    }, 100);
}

http://jsfiddle.net/umerqureshi/znruyzop/

Se metti

window.location.reload(true);

all'inizio della pagina senza altre condizioni che qualificano il motivo per cui quel codice viene eseguito, la pagina verrà caricata e quindi continuerà a ricaricarsi fino alla chiusura del browser.

location.href = location.href;

Per renderlo facile e semplice, utilizzare location.reload(). Puoi anche usarlo location.reload(true)se vuoi prendere qualcosa dal server.

Usando un pulsante o semplicemente inserendolo in un tag "a" (ancora):

<input type="button" value="RELOAD" onclick="location.reload();" />

Prova questi per altre esigenze:

Location Objects has three methods --

assign() Used to load a new document
reload() Used to reloads the current document.
replace() Used to replace the current document with a new one

Più breve ( altro )

history.go()

Pagina di ricarica automatica dopo 20 secondi.

<script>
    window.onload = function() {
        setTimeout(function () {
            location.reload()
        }, 20000);
     };
</script>

Grazie, questo post è stato molto utile, non solo per ricaricare la pagina con la risposta suggerita, ma anche per darmi l'idea di posizionare un'icona dell'interfaccia utente jQuery su un pulsante:

<button style="display:block; vertical-align:middle; height:2.82em;"
        title="Cargar nuevamente el código fuente sin darle un [Enter] a la dirección en la barra de direcciones"
        class="ui-state-active ui-corner-all ui-priority-primary" 
        onclick="javascript:window.location.reload(true);">
    <span style="display:inline-block;" class="ui-icon ui-icon-refresh"></span>
    &nbsp;[<b>CARGAR NUEVAMENTE</b>]&nbsp;
</button>

2016/07/02

Questo dovrebbe funzionare:

window.location.href = window.location.href.split( '#' )[0];

o

var x = window.location.href;
x = x.split( '#' );
window.location.href = x[0];

Preferisco questo per i seguenti motivi:

• Rimuove la parte dopo il #, assicurando che la pagina venga ricaricata sui browser che non ricaricano il contenuto.
• Non ti viene chiesto se desideri ripubblicare l'ultimo contenuto se di recente hai inviato un modulo.
• Dovrebbe funzionare anche sui browser più recenti. Testato su Firefox e Chrome durati.

In alternativa, è possibile utilizzare il metodo ufficiale più recente per questa attività

window.location.reload()

Utilizzare questo pulsante per aggiornare la pagina

DEMO

<input type="button" value="Reload Page" onClick="document.location.reload(true)">

Il metodo reload () viene utilizzato per ricaricare il documento corrente.

Il metodo reload () fa lo stesso del pulsante ricaricare nel tuo browser.

Per impostazione predefinita, il metodo reload () ricarica la pagina dalla cache, ma è possibile forzarlo a ricaricare la pagina dal server impostando il parametro forceGet su true: location.reload (true).

        location.reload();

Puoi semplicemente usare

window.location=document.URL

dove document.URL ottiene l'URL della pagina corrente e window.location lo ricarica.