web-dev-qa-db-fra.com

Comment recharger une page en utilisant JavaScript

Comment puis-je recharger la page en utilisant JavaScript?

J'ai besoin d'une méthode qui fonctionne dans tous les navigateurs.

javascript
710
Resh

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'.
806
gianebao
location.reload();

Voir ceci page MDN pour plus d'informations.

282
Lekensteyn

Voici 535 façons de recharger la page en utilisant JavaScript , le plus simple est location = location.

Ce sont les 50 premiers:

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']
...
168
Jeremy Thille

Vous pouvez exécuter cette tâche en utilisant window.location.reload();. Comme il y a beaucoup de façons de faire cela, mais je pense que c'est la bonne façon de recharger le même document avec JavaScript. Voici l'explication

Les objets JavaScript window.location peuvent être utilisés

  • pour obtenir l'adresse de la page actuelle (URL)
  • rediriger le navigateur vers une autre page
  • recharger la même page

window: en JavaScript représente une fenêtre ouverte dans un navigateur.

location: en JavaScript contient des informations sur l'URL actuelle.

L'objet location ressemble à un fragment de l'objet window et est appelé via la propriété window.location.

L'objet location a trois méthodes:

  1. assign(): utilisé pour charger un nouveau document
  2. reload(): utilisé pour recharger le document actuel
  3. replace(): utilisé pour remplacer le document actuel par un nouveau

Nous devons donc utiliser reload(), car cela peut nous aider à recharger le même document.

Donc utilisez-le comme window.location.reload();.

Démo en ligne sur jsfiddle

Pour demander à votre navigateur de récupérer la page directement du serveur, pas du cache, vous pouvez passer un paramètre true à location.reload(). Cette méthode est compatible avec tous les principaux navigateurs, y compris IE, Chrome, Firefox, Safari, Opera.

77
Nikhil Agrawal

Essayer:

window.location.reload(true);

Le paramètre défini sur "true" recharge une nouvelle copie du serveur. Le laisser servir servira la page du cache.

Plus d'informations peuvent être trouvées sur MSDN et dans documentation de Mozilla .

40
Orane

Je cherchais des informations concernant les rechargements sur les pages récupérées avec les demandes POST, par exemple après avoir soumis un formulaire method="post".

Pour recharger la page en conservant les données POST, , utilisez:

window.location.reload();

Pour recharger la page en supprimant les données POST (effectuer une demande GET), utilisez:

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

Espérons que cela peut aider les autres à rechercher la même information.

37
Starwarswii

Cela fonctionne pour moi:

function refresh() {

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

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

35
umer

Pour recharger une page en utilisant JavaScript, utilisez:

window.location.reload();
33
Girish Ninama

Si vous mettez

window.location.reload(true);

au début de votre page sans autre condition ne permettant pas d'expliquer pourquoi ce code est exécuté, la page se charge, puis continue à se recharger jusqu'à la fermeture de votre navigateur.

14
Joe Devlin
location.href = location.href;
10
guilin 桂林

En utilisant un bouton ou simplement en le plaçant dans une balise "a" (ancre):

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

Essayez-les pour d'autres besoins:

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
8
Arun Prasad E S

Pour rendre cela facile et simple, utilisez location.reload(). Vous pouvez également utiliser location.reload(true) si vous voulez récupérer quelque chose sur le serveur.

8
Joshua

Merci, cet article a été très utile, non seulement pour recharger la page avec la réponse suggérée, mais aussi pour me donner l’idée de placer une icône jQuery UI sur un bouton:

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

Edited to show how this looks like when included in a project

2016-07-02

My apologies as this is a personal project that implies using jQuery UI, Themeroller, Icons framework, methods like jQuery tabs, but it's in Spanish ;)

4
Jean Paul A.K.A el_vete

Rechargement automatique de la page après 20 secondes.

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

Cela devrait fonctionner:

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

ou

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

Je préfère cela pour les raisons suivantes:

  • Supprime la partie après le #, assurant ainsi le rechargement de la page sur les navigateurs qui ne rechargeront pas le contenu.
  • Il ne vous demande pas si vous souhaitez republier le dernier contenu si vous envoyez récemment un formulaire.
  • Cela devrait fonctionner même sur les navigateurs les plus récents. Testé sur Firefox et Chrome Lasted.

Sinon, vous pouvez utiliser la méthode officielle la plus récente pour cette tâche.

window.location.reload()
3
Ayoola Falola

Utilisez ce bouton pour actualiser la page

DÉMO

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