2705 votes

Comment puis-je actualiser une page avec jQuery?

Comment puis-je actualiser une page avec jQuery?

4145voto

Roy Points 13839
$('#something').click(function() {
    location.reload();
});

Comme mplungjan expliqué dans le commentaire ci-dessous, l' reload() fonction prend un paramètre optionnel qui peut être réglé true pour recharger à partir du serveur plutôt que de la mémoire cache. Le paramètre par défaut est false, donc par défaut le rechargement de la page dans le cache du navigateur.

512voto

Ionică Bizău Points 14484

Il existe plusieurs façons de rafraîchir une page avec du JavaScript:

  1. location.reload()
  2. history.go(0)
  3. location.href = location.href
  4. location.href = location.pathname;
  5. location.replace(location.pathname)
  6. location.reload(false)

    Si nous devions tirer le document à partir de le serveur web de nouveau (comme l'endroit où le contenu d'un document changer dynamiquement) nous permettrait de passer l'argument de la" true.

var methods = [
  "location.reload()",
  "history.go(0)",
  "location.href = location.href",
  "location.href = location.pathname",
  "location.replace(location.pathname)",
  "location.reload(false)"
];

var $body = $("body");
for (var i = 0; i < methods.length; ++i) {
  (function(cMethod) {
    $body.append($("<button>", {
      text: cMethod
    }).on("click", function() {
      eval(cMethod); // don't blame me for using eval
    }));
  })(methods[i]);
}
button {
  background: #2ecc71;
  border: 0;
  color: white;
  font-weight: bold;
  font-family: "Monaco", monospace;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.5s ease;
}
button:hover {
  background: #27ae60;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

483voto

Thorben Points 2698
location.reload();

Il devrait fonctionner sur tous les navigateurs, même sans jQuery

215voto

David Points 65209

Beaucoup de méthodes de travail, je suppose:

  • window.location.reload();
  • history.go(0);
  • window.location.href=window.location.href;

124voto

Peter Points 1782

Pour recharger une page avec jQuery, faire:

$.ajax({
    url: "",
    context: document.body,
    success: function(s,x){
        $(this).html(s);
    }
});

L'approche ici que j'ai utilisé a été Ajax jQuery. Je l'ai testé qui a travaillé sur Chrome 13. Puis j'ai mis le code dans le gestionnaire qui va déclencher le recharger. L' URL est - "", ce qui signifie cette page.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X