Comment puis-je actualiser une page avec jQuery?
Réponses
Trop de publicités?$('#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.
Il existe plusieurs façons de rafraîchir une page avec du JavaScript:
location.reload()
history.go(0)
location.href = location.href
-
location.href = location.pathname
; location.replace(location.pathname)
-
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>
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.