javascript - form - reload the page js




Comment puis-je actualiser une page avec jQuery? (15)

C'est le plus court en JavaScript.

location = '';

Comment puis-je actualiser une page avec jQuery?


Cela devrait fonctionner sur tous les navigateurs même sans jQuery:

location.reload();

Il existe de nombreuses façons d'actualiser une page avec 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 extraire à nouveau le document du serveur Web (par exemple, lorsque le contenu du document change de manière dynamique), nous passerions l'argument à la valeur true .

Vous pouvez continuer la liste en cours de création:

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;
  margin: 2px;
}
button:hover {
  background: #27ae60;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


Je suppose que beaucoup de moyens fonctionneront,

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

La question devrait être,

Comment actualiser une page avec JavaScript

window.location.href = window.location.href; //This is a possibility
window.location.reload(); //Another possiblity
history.go(0); //And another

Vous avez l'embarras du choix.


Pour recharger une page avec jQuery, faites:

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

L’approche que j’ai utilisée ici était Ajax jQuery. Je l'ai testé sur Chrome 13. Ensuite, j'ai mis le code dans le gestionnaire qui déclenchera le rechargement. L' URL est "" , ce qui signifie cette page .


Si vous utilisez jQuery et souhaitez actualiser, essayez d’ajouter votre jQuery à une fonction javascript:

Je voulais cacher un iframe d'une page en cliquant sur oh un h3 , cela fonctionnait pour moi, mais je ne pouvais pas cliquer sur l'élément qui me permettait de voir l' iframe pour commencer, sauf si je rafraîchissais manuellement le navigateur ... pas idéal .

J'ai essayé ce qui suit:

var hide = () => {
    $("#frame").hide();//jQuery
    location.reload(true);//javascript
};

Le mélange de javascript simple Jane avec votre jQuery devrait fonctionner.

// code where hide (where location.reload was used)function was integrated, below    
    iFrameInsert = () => {
        var file = `Fe1FVoW0Nt4`;
        $("#frame").html(`<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/${file}\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe><h3>Close Player</h3>`);
        $("h3").enter code hereclick(hide);
}

// View Player 
$("#id-to-be-clicked").click(iFrameInsert);

Toutes les réponses ici sont bonnes. Comme la question précise à propos du rechargement de la page avec jquery , je pensais simplement ajouter quelque chose de plus pour les futurs lecteurs.

jQuery est une bibliothèque JavaScript multiplateformes conçue pour simplifier les scripts HTML côté client.

~ Wikipedia ~

Vous comprendrez donc que la base de jquery , ou jquery est basée sur javascript . Donc, utiliser du javascript pur est bien meilleur quand il s’agit de choses simples.

Mais si vous avez besoin d’une solution jquery , en voici une.

$(location).attr('href', '');

Utilisez onclick="return location.reload();" dans la balise du bouton.

<button id="refersh-page" name="refersh-page" type="button" onclick="return location.reload();">Refesh Page</button>

Voici quelques lignes de code que vous pouvez utiliser pour recharger la page à l' aide de jQuery .

Il utilise l'encapsuleur jQuery et extrait l'élément dom natif.

Utilisez cette option si vous voulez juste une impression jQuery sur votre code et que vous ne vous souciez pas de la vitesse / performance du code.

Il suffit de choisir entre 1 et 10 selon vos besoins ou d’en ajouter d’autres en fonction du modèle et des réponses à apporter.

<script>
  $(location)[0].reload(); //1
  $(location).get(0).reload(); //2
  $(window)[0].location.reload(); //3
  $(window).get(0).location.reload(); //4
  $(window)[0].$(location)[0].reload(); //5
  $(window).get(0).$(location)[0].reload(); //6
  $(window)[0].$(location).get(0).reload(); //7
  $(window).get(0).$(location).get(0).reload(); //8
  $(location)[0].href = ''; //9
  $(location).get(0).href = ''; //10
  //... and many other more just follow the pattern.
</script>

Vous n'avez besoin de rien de jQuery, pour recharger une page en utilisant du JavaScript pur , utilisez simplement la fonction reload sur la propriété location comme ceci:

window.location.reload();

Par défaut, cela rechargera la page en utilisant le cache du navigateur (s'il existe) ...

Si vous souhaitez forcer le rechargement de la page, transmettez une valeur true à la méthode de rechargement, comme ci-dessous ...

window.location.reload(true);

Aussi, si vous êtes déjà dans la portée de la fenêtre , vous pouvez vous débarrasser de la fenêtre et faire:

location.reload();

Vous pouvez utiliser la méthode JavaScript location.reload() . Cette méthode accepte un paramètre booléen. true ou false . Si le paramètre est true ; la page toujours rechargée depuis le serveur. Si c'est false ; qui est le navigateur par défaut ou avec un paramètre vide, rechargez la page à partir de son cache.

Avec true paramètre

<button type="button" onclick="location.reload(true);">Reload page</button>

Avec paramètre default / false

 <button type="button" onclick="location.reload();">Reload page</button>

En utilisant jquery

<button id="Reloadpage">Reload page</button>
<script type="text/javascript">
    $('#Reloadpage').click(function() {
        location.reload();
    }); 
</script>

j'ai trouvé

window.location.href = "";

ou

window.location.href = null;

effectue également un rafraîchissement de la page.

Cela facilite beaucoup le rechargement de la page en supprimant tout hachage. C'est très agréable lorsque j'utilise AngularJS dans le simulateur iOS, de sorte que je n'ai pas à réexécuter l'application.


window.location.reload() rechargera à partir du serveur et chargera à nouveau toutes vos données, scripts, images, etc.

Donc, si vous souhaitez simplement actualiser le code HTML, window.location = document.URL le retournera beaucoup plus rapidement et avec moins de trafic. Mais il ne rechargera pas la page s'il y a un dièse (#) dans l'URL.


Utilisez location.reload() :

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

La fonction reload() prend un paramètre facultatif qui peut être défini sur true pour forcer le rechargement à partir du serveur plutôt que du cache. La valeur par défaut du paramètre est false . Par conséquent, la page peut être rechargée par défaut à partir du cache du navigateur.





reload