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

**d3LTa7** · 11/01/2019, 16h07

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
if (window.setInterval(location.reload(false))){
    console.log('coucou');
}

Mais le navigateur est pas spécialement fan !!

Merci

**Doksuri** · 11/01/2019, 16h24

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

**badaze** · 12/01/2019, 10h33

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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"/>
&nbsp;
</div>
</body>
</html>

**d3LTa7** · 15/01/2019, 15h45

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}

**badaze** · 15/01/2019, 18h12

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

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

JavaScript

Discussions similaires

Partager

Partager