Créer une condition "si la page est actualisée"

Version imprimable

11/01/2019, 16h07
d3LTa7

Créer une condition "si la page est actualisée"
Bonjour

Je cherche un moyen en javascript pour poser une condition de type "si je rafraichi la page la console doit me dire coucou"

J'ai essayé ça :
Code:

1 2 3 4 if (window.setInterval(location.reload(false))){ console.log('coucou'); }
Mais le navigateur est pas spécialement fan !!

Merci
11/01/2019, 16h24
Doksuri

il y a plusieurs facons de rafraichir une page (retaper l'url, le bouton refresh, la touche F5, etc..)

mais je pense que le plus simple serait de coupler l'eventment onbeforeunload
avec un cookie d'une duree de vie de 10sec (par exemple)

=> quand la page se decharge (lors d'un rafraichissement par exemple) tu poses un cookie 'test' avec une duree de vie de quelques secondes
=> quand la page se charge (apres un rafraichissement par exemple) tu tests si le cookie 'test' existe. si c'est le cas, tu sais que c'est un rafraichissement et tu affiches ton console.log('coucou');

Tu peux aussi utiliser les sessionStorage. Les données sont stockées sur le navigateur et l'avantage est que la durée de vie des données correspond à celle de l'onglet qui contient la page et chaque onglet est indépendant de l'autre.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!DOCTYPE html> <html> <head> <script> window.addEventListener("load", function (e) { //e.preventDefault(); let data = sessionStorage.getItem('loaded'); if (data == null) { sessionStorage.setItem('loaded', true); } else { console.log('coucou'); document.getElementById('recharge').innerHTML = 'Rechargé !'; } }); </script> </head> <body> <div id="recharge"/>   </div> </body> </html>

15/01/2019, 15h45
d3LTa7

Coucou et merci de vos réponse Doksuri et Badaze =)

Bon néanmoins, je pense que je me suis mal exprimé et pas donnés certains éléments essentiels...

En faite j'essaye de faire en sorte que des éléments que j'ai ajouté sur ma page via un <form> reste malgré l'actualisation de la page...

Pour info, j'envois aussi ces éléments via ajaxPost vers un serveur via API (j'ai vérifié, le serveur reçois bien les éléments).

Donc du coup je me demande si je ne devrait pas récupérer ces éléments via un ajaxGet, et les charger sur la page lors de l'actualisation et faire comme si ces éléments n'avaient donc pas bougés.

Du coup, c'est pour ça que je cherche à faire cette condition.... If (actualisation){ ajaxGet etc etc}
15/01/2019, 18h12
badaze

La technique que j’ai indiquée est valable pour ce que tu veux faire.