[AJAX] Déconnexion en fin de session

Version imprimable

Bonjour,

J'ai un site qui utilise Ajax sur la plupart des actions des utilisateurs.
Le serveur php, au bout d'un certain temps d'inactivité, supprime la variable de SESSION, donc l'utilisateur est déconnecté.

Ce que je souhaite, c'est lors d'une action de l'utilisateur, vérifier s'il est encore connecté ou pas et afficher un message en conséquence.

Mais mon code renvoie undefined. Problème de délai de réponse ?

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
var xhr = null;
var xhr_session = null;
function getXhr(id_utilisateur, div_deconnexion) {
	if (id_utilisateur == -1) {//on vérifie si on vient de la page de connexion, auquel cas il n'est pas nécessaire de vérifier si l'utilisateur est encore connecté (puisqu'il se connecte à l'instant !)
		getXhr_session();
	} else {
		test = get_session(div_deconnexion);
		alert('test : ' + test);                          <------ undefined
		if (get_session(div_deconnexion) == 'true') {//sinon, pour chaque appel à ajax, on vérifie si l'utilisateur est connecté
			alert('coucou3');
			getXhr_session();
		}
	}
}

function getXhr_session() {
	if(window.XMLHttpRequest) {// Firefox et autres
		xhr = new XMLHttpRequest();
	} else if(window.ActiveXObject) {// Internet Explorer 
		try	{
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	} else {// XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		xhr = false;
	}
}

function get_session(div_deconnexion) {
	var retour = "retour";
	if(window.XMLHttpRequest) {// Firefox et autres
		xhr_session = new XMLHttpRequest();
	} else if(window.ActiveXObject) {// Internet Explorer 
		try	{
			xhr_session = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			xhr_session = new ActiveXObject("Microsoft.XMLHTTP");
		}
	} else {// XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		xhr_session = false;
	}
	xhr_session.onreadystatechange = function() {
		if(xhr_session.readyState == 4 && xhr_session.status == 200) {
			response = xhr_session.responseText;
			// alert ('coucou10 - ' + response);
			if (response == 'nok') {
				alert ('coucou11');
				div_deconnexion.innerHTML = "<center>Vous avez &eacute;t&eacute; d&eacute;connect&eacute;(e) automatiquement.<p>Pour vous reconnecter, cliquez ici : <p><a href=\"http://dsi-support.dsic.mi\">Connexion à DSI</a></center>";
				retour = false;
			} else {
				// alert ('coucou12');
				retour = true;
			}
			alert(retour);
			return retour;
		}
	};
	xhr_session.open("POST","Script/Admin/Get_Session.php",true);
	xhr_session.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr_session.send(null);
}

22/05/2009, 11h29
Bovino
Code:

1 2 test = get_session(div_deconnexion); alert('test : ' + test);
get_session() envoie une requête synchrone, donc le reste du code continue à être interprété sans attendre le résultat de ta fonction.
En règle générale, toutes les instructions liées au résultat d'une requête Ajax doivent être dans le callback (xhr.onreadystatechange) de celle-ci !

Merci pour la piste.
Je pensais bien qu'il y avait quelque chose au sujet de la temporisation - synchronicité, mais je ne voyais pas pourquoi.

J'ai essayé plusieurs choses, mais ça ne fonctionne toujours pas.

Je vais préciser.
Lorsque je clique sur un menu, je fais appel à cette fonction :

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
26
27
28
29
30
31
32
33
34
35
36
37
 
function affiche_page(id_utilisateur, div_deconnexion, affichesous_menu, divsousmenu, divpage, divmessage, lien, id_element) {
	if (affichesous_menu == 0) {
		divsousmenu.innerHTML = '';//on n'affiche pas le sous-menu
	}
	divmessage.innerHTML = 'Chargement de la page en cours... Veuillez patienter.';
	divpage.innerHTML = '';
	getXhr(id_utilisateur, div_deconnexion);
	xhr.onreadystatechange = function() {
		if(xhr.readyState == 4 && xhr.status == 200) {
			response = xhr.responseText;
			if (lien != 'admin') {
				if (lien.substring(0,4) == 'suppr') {
					divmessage.innerHTML = response;
				} else {
					divpage.innerHTML = response;
				}
			} else {
				divsousmenu.innerHTML = response;
			}
			if (response == '') {
				divmessage.innerHTML = 'Une erreur est survenue.';
				divmessage.innerHTML += '<br>Affiche_Page.js';
				divmessage.innerHTML += '<br>lien : ' + lien;
				divmessage.innerHTML += '<br>id_element : ' + id_element;
			} else {
				divmessage.innerHTML = '';
				if (affichesous_menu == 2) {//on utilise cette condition ici dans le cas de la relance dans la supervision; voir admin_supervision.js
					divmessage.innerHTML = id_element;
				}
			}
		}
	};
	xhr.open("POST","Script/Admin/Affiche_Page.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("lien=" + lien + "&id_element=" + id_element);
}

La fonction getXhr(id_utilisateur, div_deconnexion) permet de vérifier si l'utilisateur est connecté et d'initialiser la variable xhr si c'est le cas.

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
function erreur_ajax(divmessage, readyState, status, provenance) {
	divmessage.innerHTML = 'Erreur de transmission de données.';
	divmessage.innerHTML += '<br>xhr.readyState : ' + readyState;
	divmessage.innerHTML += '<br>xhr.status : ' + status;
	body = divmessage.innerHTML + "<br>Provenance : " + provenance;
	divmessage.innerHTML = '<font color="red"><b>' + divmessage.innerHTML;
	divmessage.innerHTML += "<br>Veuillez contacter l'<a href=\"mailto:admindsi@interieur.gouv.fr?subject=[DSI] Erreur&body=" + body + "\">administrateur</a> !</b></font>";
	divmessage.innerHTML += '<p>';
}
 
//*******************************************************************************************************************************************************//
//*A chaque appel d'ajax, on vérifie si l'utilisateur est connecté, car le serveur vide les variables de session régulièrement : on fait appel à Get_Session.php pour vérifier si la variable de session $_SESSION['user_id'] est remplie, auquel cas l'utilisateur est bien connecté
//*******************************************************************************************************************************************************//
function getXhr(id_utilisateur, div_deconnexion) {
	var xhr = null;
	var xhr_session = null;
	if (id_utilisateur == -1) {//on vérifie si on vient de la page de connexion, auquel cas il n'est pas nécessaire de vérifier si l'utilisateur est encore connecté (puisqu'il se connecte à l'instant !)
		getXhr_session();
	} else {
		get_session(div_deconnexion);
	}
}
 
function getXhr_session() {
	if(window.XMLHttpRequest) {// Firefox et autres
		xhr = new XMLHttpRequest();
	} else if(window.ActiveXObject) {// Internet Explorer 
		try	{
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	} else {// XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		xhr = false;
	}
}
 
function get_session(div_deconnexion) {
	if(window.XMLHttpRequest) {// Firefox et autres
		xhr_session = new XMLHttpRequest();
	} else if(window.ActiveXObject) {// Internet Explorer 
		try	{
			xhr_session = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e) {
			xhr_session = new ActiveXObject("Microsoft.XMLHTTP");
		}
	} else {// XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		xhr_session = false;
	}
	xhr_session.open("POST","Script/Admin/Get_Session.php",true);// false pour mettre en synchrone --> on ne passe à l'instruction suivante que lorsque la réponse est arrivée.
	xhr_session.onreadystatechange = function() {
		if(xhr_session.readyState == 4 && xhr_session.status == 200) {
			id_connecte = xhr_session.responseText;
			if (id_connecte != "nok") {
				// alert('response5 : ' + id_connecte);
				getXhr_session();
			} else {
				// alert('response6 : ' + id_connecte);
				div_deconnexion.innerHTML = "<center>Vous avez &eacute;t&eacute; d&eacute;connect&eacute;(e) automatiquement.<p>Pour vous reconnecter, cliquez ici : <p><a href=\"http://dsi-support.dsic.mi\">Connexion à DSI</a></center>";
				return false;
			}
		}
	};
	xhr_session.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr_session.send("");
}

Ce que je ne comprends pas, c'est qu'avec les alertes, ça fonctionne, mais sans, rien ne se passe.

Je ne vois pas où ça coince.

29/06/2018, 15h32
senacle

Les années sont passées, les framework Javascript se sont développés et facilitent le traitement du problème signalé.

Je ferme cette discussion.