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 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();

Voir cette page MDN pour plus d'informations.

Si vous rafraîchissez après un, onclickvous devrez retourner false directement après

location.reload();
return false;

Voici 535 façons de recharger la page en utilisant JavaScript , la plus simple étant 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']
...

Vous pouvez effectuer cette tâche à l'aide de window.location.reload();. Comme il existe de nombreuses façons de le faire, mais je pense que c'est la façon appropriée de recharger le même document avec JavaScript. Voici l'explication

L' window.locationobjet JavaScript peut être utilisé

• 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' locationobjet est comme un fragment de l' windowobjet et est appelé via la window.locationpropriété.

location l'objet 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

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

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

Démo en ligne sur jsfiddle

Pour demander à votre navigateur de récupérer la page directement depuis le serveur et non depuis le cache, vous pouvez passer un trueparamètre à location.reload(). Cette méthode est compatible avec tous les principaux navigateurs, notamment IE, Chrome, Firefox, Safari, Opera.

Essayer:

window.location.reload(true);

Le paramètre défini sur «true» recharge une nouvelle copie à partir du serveur. L'abandonner servira la page du cache.

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

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

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 requête GET), utilisez:

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

J'espère que cela peut aider les autres à rechercher les mêmes informations.

Pour recharger une page en utilisant JavaScript, utilisez:

window.location.reload();

Cela fonctionne pour moi:

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

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

Si vous mettez

window.location.reload(true);

au début de votre page, sans aucune autre condition qualifiant la raison pour laquelle ce code s'exécute, la page se charge, puis continue de se recharger jusqu'à ce que vous fermiez votre navigateur.

location.href = location.href;

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

Utiliser un bouton ou simplement le mettre 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

Le plus court ( plus )

history.go()

Rechargement automatique de la page après 20 secondes.

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

Merci, ce message 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 d'interface utilisateur jQuery 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>

2016-07-02

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 #, garantissant que la page se recharge sur les navigateurs qui ne rechargeront pas le contenu qui en contient.
• Il ne vous demande pas si vous souhaitez republier le dernier contenu si vous avez récemment soumis un formulaire.
• Cela devrait fonctionner même sur les navigateurs les plus récents. Testé sur Lasted Firefox et Chrome.

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

window.location.reload()

Utilisez ce bouton pour rafraîchir la page

DEMO

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

La méthode reload () est utilisée pour recharger le document actuel.

La méthode reload () fait la même chose que le bouton de rechargement de votre navigateur.

Par défaut, la méthode reload () recharge la page à partir du cache, mais vous pouvez la forcer à recharger la page à partir du serveur en définissant le paramètre forceGet sur true: location.reload (true).

        location.reload();

Vous pouvez simplement utiliser

window.location=document.URL

où document.URL obtient l'URL de la page actuelle et window.location la recharge.