[AJAX] faire un genre de thread qui check seulement une variable de session

Version imprimable

10/08/2007, 09h31
AnneB

[AJAX] faire un genre de thread qui check seulement une variable de session

Bonjour!

Je travaille avec Struts, et je manipule des fichiers svg (xml).
J'ai besoin lors du chargement d'une jsp de faire une vérification sur une variable de session. Si cette variable est différente de "null" ou de la chaine vide, il me faut rafraîchir la pageen repassant par l'action.

Le truc c'est que à chaque fois que j'ai utilisé Ajax, c'est avec le XmlHTTPRequest.... pour joindre le serveur.

Est il possible de ne faire que un truc qui tourne chez le client et fait simplement un submit de formulaire dans le cas ou une certaine variable de session a une valeur donnée?
10/08/2007, 09h37
AnneB

Je me disais que peut être je pourrais mettre en marche tous le truc avec le XMLHTTPRequest, mais en envoyant une requête nulle au serveur.... Non?

Bah en fait j'ai bidouillé pour que ca marche :
Quand je clique sur un objet dans ma synoptique (cartographie d'un réseau genre edf) je passe par l'action suivante :

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
public class SynopticMapAction extends Action{
 
	 public ActionForward execute(ActionMapping mapping,
	            ActionForm form,
	            HttpServletRequest request,
	            HttpServletResponse response)
	            throws IOException, ServletException {
 
	        HttpSession session = request.getSession();
	        //Session expirée
	        if(session.getAttribute("LOGIN")==null){
	            ActionErrors errors = new ActionErrors();
	                errors.add(ActionErrors.GLOBAL_ERROR, new ActionError("errors.sessionexpiree"));
	                if(!errors.isEmpty())
	                  saveErrors(request,errors);
	                return mapping.findForward("echec");
	        }
	        //default target
		    String cible = new String("succes");
			// get the api
	    	ApiIdexAnne apiIdex = ApiIdexAnne.getInstance();
 
	        String idElement = request.getParameter("id");
		    if(idElement!=null){
		    	session.setAttribute("idElement", idElement);
		    	session.setAttribute("changedElement", "yes");
		    	apiIdex.addConsultedElementToTheList(idElement,session.getId());
				session.setAttribute("messageResourcesCommand", apiIdex.getMessageRessourceCmd(this.getResources(request)));
		    }
	        //redirection vers la vue appropriee
	        return (mapping.findForward(cible));
	 }
 
}

avec id parametre de requête initialisé par le clic sur objet.

en suite dans ma page principale qui contient une iframe contenant mon fichier svg, j'ai mis ceci :

Code:

1
2
3
4
5
<div>
<script> 
	initUpdate()
</script>
</div>

et le fichier js qui correspond est :

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
var urlImage=null;
 
var refresh = 50 ; //P?riode de mise ? jour des donn?es, en milisecondes.
var debug=false;
var data=null;
var dataNOChange=null;
 
var browserIsIE = false;
var request = null; // Objet XMLhttpRequest  necessaire pour r?cup?rer les donn?es.
var requestNoChange = null;
//var xmlData = null;
var getDataTimeoutId = null;
 
/*
 * select the image in list and submit the form containing its value
 */
function setSynoptic(v){
       urlImage="jsp/images/"+v+".svg";
       document.forms[0].elements[0].value=urlImage;
       document.forms[0].submit();
}
/*
 * refresh jsp synoptic.jsp
 */
function updatePage(){
	document.forms[0].submit();
}
 
 
/*
 * initialisation
 */
function initUpdate()
{
	//alert("initialisation de la recuperation des donnees temps reel");
	//retardement.....   (A enlever...)
	getDataTimeoutId=setTimeout("getData()",1000);
	getTextNoChange();
}
 
function getTextNoChange(){
	if (window.XMLHttpRequest)     // Objet de la fen?tre courant
	{
		browserIsIE=false;
        requestNoChange = new XMLHttpRequest();     // Firefox, Safari, ...
       //  requestImage.overrideMimeType('text/xml');
	}
	else
	if (window.ActiveXObject)   // Version Active
	{
		browserIsIE=true;
        requestNoChange = new ActiveXObject("Microsoft.XMLHTTP");    // Internet Explorer
	}
 
	//Preparation et envoie de la requete
	requestNoChange.onreadystatechange=xmlHttpHandler_getDataNOChange;
	requestNoChange.open("GET", "jsp/changedElementNO.jsp", true);
	requestNoChange.setRequestHeader("Cache-Control","no-store"); //Pour ne pas mettre en cache le resultat, sinon apres, il refait jamais de requetes...
	requestNoChange.setRequestHeader("Pragma","no-cache");
 
	requestNoChange.send(null);    //(a enlever)
 
	//Attente de la nouvelle mise a jour
	if (debug)
	{
		return;
	}
}
 
/*
 * fonction appellee a chaque changement d'etat de la requete
 */
function xmlHttpHandler_getDataNOChange()
{
	if (requestNoChange.readyState==4) //etat = 4 sigifie que la reponse est arrivee
	{
		if (requestNoChange.status == 200 ) //reponse correct
		{
			dataNOChange=requestNoChange.responseText;
		}
		else
		{
			alert("FICHIER MAL RECU : \n voila le contenu : \n"+ request.responseText);
 
		}
	}
}
 
/*
 * demande de recuperation des donnes
 */
function getData()
{
	//alert("getData");
	//Creation de l'instance de XMLhttpRequest en fonction du navigateur
	if (window.XMLHttpRequest)     // Objet de la fen?tre courant
	{
		browserIsIE=false;
        request = new XMLHttpRequest();     // Firefox, Safari, ...
       //  requestImage.overrideMimeType('text/xml');
	}
	else
	if (window.ActiveXObject)   // Version Active
	{
		browserIsIE=true;
        request = new ActiveXObject("Microsoft.XMLHTTP");    // Internet Explorer
	}
 
	//Preparation et envoie de la requete
	request.onreadystatechange=xmlHttpHandler_getData;
	request.open("GET", "synopticMapCheck.do", true);
	request.setRequestHeader("Cache-Control","no-store"); //Pour ne pas mettre en cache le resultat, sinon apres, il refait jamais de requetes...
	request.setRequestHeader("Pragma","no-cache");
 
	request.send(null);    //(a enlever)
 
	//Attente de la nouvelle mise a jour
	if (debug)
	{
		return;
	}
	//alert("on attend "+refresh+" ms avant la suite...");
	getDataTimeoutId=setTimeout("getData()",refresh);
}
 
 
/*
 * fonction appellee a chaque changement d'etat de la requete
 */
function xmlHttpHandler_getData()
{
	if (request.readyState==4) //etat = 4 sigifie que la reponse est arrivee
	{
		if (request.status == 200 ) //reponse correct
		{
			//alert('request.readyState==4 && request.status == 200');
			data=request.responseText;
			//alert(request.getAllResponseHeaders());
			if(data!=dataNOChange){
				updatePage();
			}
			//alert('data = '+request.responseText);//( A enlever)
			//alert('dataNOChange = '+dataNOChange);
		}
		else
		{
			alert("FICHIER MAL RECU : \n voila le contenu : \n"+ request.responseText);
 
		}
	}
}

Ce qui me fait repasser par l'action et actualiser ma page.

sachant que synopticMapCheck.do correspond à l'action suivante :

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
package action;
 
import java.io.IOException;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
 
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
 
public class SynopticMapCheckAction extends Action{
	public ActionForward execute(ActionMapping mapping,
            ActionForm form,
            HttpServletRequest request,
            HttpServletResponse response)
            throws IOException, ServletException {
 
        HttpSession session = request.getSession();
        String cible ="changedElementNO";
        //Session expirée
        String changedElement = (String)session.getAttribute("changedElement");
		if(changedElement!=null){
			if(changedElement.equals("yes")){
				cible ="changedElementYES";
				session.setAttribute("changedElement","no");
			}
		}
		//redirect to appropriated view
        return (mapping.findForward(cible));
	}
}

et le mapping est le suivant pour cette action:

Code:

1
2
3
4
<action path="/synopticMapCheck" type="action.SynopticMapCheckAction">
      <forward name="changedElementNO" path="/jsp/changedElementNO.jsp"/>
      <forward name="changedElementYES" path="/jsp/changedElementYES.jsp"/>
    </action>

Enfin voilà!
Ca marche ENFIN.....

Bah en fait j'ai bidouillé pour que ca marche :
Quand je clique sur un objet dans ma synoptique (cartographie d'un réseau genre edf) je passe par l'action suivante :

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
public class SynopticMapAction extends Action{
 
	 public ActionForward execute(ActionMapping mapping,
	            ActionForm form,
	            HttpServletRequest request,
	            HttpServletResponse response)
	            throws IOException, ServletException {
 
	        HttpSession session = request.getSession();
	        //Session expirée
	        if(session.getAttribute("LOGIN")==null){
	            ActionErrors errors = new ActionErrors();
	                errors.add(ActionErrors.GLOBAL_ERROR, new ActionError("errors.sessionexpiree"));
	                if(!errors.isEmpty())
	                  saveErrors(request,errors);
	                return mapping.findForward("echec");
	        }
	        //default target
		    String cible = new String("succes");
			// get the api
	    	ApiIdexAnne apiIdex = ApiIdexAnne.getInstance();
 
	        String idElement = request.getParameter("id");
		    if(idElement!=null){
		    	session.setAttribute("idElement", idElement);
		    	session.setAttribute("changedElement", "yes");
		    	apiIdex.addConsultedElementToTheList(idElement,session.getId());
				session.setAttribute("messageResourcesCommand", apiIdex.getMessageRessourceCmd(this.getResources(request)));
		    }
	        //redirection vers la vue appropriee
	        return (mapping.findForward(cible));
	 }
 
}

avec id parametre de requête initialisé par le clic sur objet.

en suite dans ma page principale qui contient une iframe contenant mon fichier svg, j'ai mis ceci :

Code:

1
2
3
4
5
<div>
<script> 
	initUpdate()
</script>
</div>

et le fichier js qui correspond est :

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
var urlImage=null;
 
var refresh = 50 ; //P?riode de mise ? jour des donn?es, en milisecondes.
var debug=false;
var data=null;
var dataNOChange=null;
 
var browserIsIE = false;
var request = null; // Objet XMLhttpRequest  necessaire pour r?cup?rer les donn?es.
var requestNoChange = null;
//var xmlData = null;
var getDataTimeoutId = null;
 
/*
 * select the image in list and submit the form containing its value
 */
function setSynoptic(v){
       urlImage="jsp/images/"+v+".svg";
       document.forms[0].elements[0].value=urlImage;
       document.forms[0].submit();
}
/*
 * refresh jsp synoptic.jsp
 */
function updatePage(){
	document.forms[0].submit();
}
 
 
/*
 * initialisation
 */
function initUpdate()
{
	//alert("initialisation de la recuperation des donnees temps reel");
	//retardement.....   (A enlever...)
	getDataTimeoutId=setTimeout("getData()",1000);
	getTextNoChange();
}
 
function getTextNoChange(){
	if (window.XMLHttpRequest)     // Objet de la fen?tre courant
	{
		browserIsIE=false;
        requestNoChange = new XMLHttpRequest();     // Firefox, Safari, ...
       //  requestImage.overrideMimeType('text/xml');
	}
	else
	if (window.ActiveXObject)   // Version Active
	{
		browserIsIE=true;
        requestNoChange = new ActiveXObject("Microsoft.XMLHTTP");    // Internet Explorer
	}
 
	//Preparation et envoie de la requete
	requestNoChange.onreadystatechange=xmlHttpHandler_getDataNOChange;
	requestNoChange.open("GET", "jsp/changedElementNO.jsp", true);
	requestNoChange.setRequestHeader("Cache-Control","no-store"); //Pour ne pas mettre en cache le resultat, sinon apres, il refait jamais de requetes...
	requestNoChange.setRequestHeader("Pragma","no-cache");
 
	requestNoChange.send(null);    //(a enlever)
 
	//Attente de la nouvelle mise a jour
	if (debug)
	{
		return;
	}
}
 
/*
 * fonction appellee a chaque changement d'etat de la requete
 */
function xmlHttpHandler_getDataNOChange()
{
	if (requestNoChange.readyState==4) //etat = 4 sigifie que la reponse est arrivee
	{
		if (requestNoChange.status == 200 ) //reponse correct
		{
			dataNOChange=requestNoChange.responseText;
		}
		else
		{
			alert("FICHIER MAL RECU : \n voila le contenu : \n"+ request.responseText);
 
		}
	}
}
 
/*
 * demande de recuperation des donnes
 */
function getData()
{
	//alert("getData");
	//Creation de l'instance de XMLhttpRequest en fonction du navigateur
	if (window.XMLHttpRequest)     // Objet de la fen?tre courant
	{
		browserIsIE=false;
        request = new XMLHttpRequest();     // Firefox, Safari, ...
       //  requestImage.overrideMimeType('text/xml');
	}
	else
	if (window.ActiveXObject)   // Version Active
	{
		browserIsIE=true;
        request = new ActiveXObject("Microsoft.XMLHTTP");    // Internet Explorer
	}
 
	//Preparation et envoie de la requete
	request.onreadystatechange=xmlHttpHandler_getData;
	request.open("GET", "synopticMapCheck.do", true);
	request.setRequestHeader("Cache-Control","no-store"); //Pour ne pas mettre en cache le resultat, sinon apres, il refait jamais de requetes...
	request.setRequestHeader("Pragma","no-cache");
 
	request.send(null);    //(a enlever)
 
	//Attente de la nouvelle mise a jour
	if (debug)
	{
		return;
	}
	//alert("on attend "+refresh+" ms avant la suite...");
	getDataTimeoutId=setTimeout("getData()",refresh);
}
 
 
/*
 * fonction appellee a chaque changement d'etat de la requete
 */
function xmlHttpHandler_getData()
{
	if (request.readyState==4) //etat = 4 sigifie que la reponse est arrivee
	{
		if (request.status == 200 ) //reponse correct
		{
			//alert('request.readyState==4 && request.status == 200');
			data=request.responseText;
			//alert(request.getAllResponseHeaders());
			if(data!=dataNOChange){
				updatePage();
			}
			//alert('data = '+request.responseText);//( A enlever)
			//alert('dataNOChange = '+dataNOChange);
		}
		else
		{
			alert("FICHIER MAL RECU : \n voila le contenu : \n"+ request.responseText);
 
		}
	}
}

Ce qui me fait repasser par l'action et actualiser ma page.

sachant que synopticMapCheck.do correspond à l'action suivante :

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
package action;
 
import java.io.IOException;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
 
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
 
public class SynopticMapCheckAction extends Action{
	public ActionForward execute(ActionMapping mapping,
            ActionForm form,
            HttpServletRequest request,
            HttpServletResponse response)
            throws IOException, ServletException {
 
        HttpSession session = request.getSession();
        String cible ="changedElementNO";
        //Session expirée
        String changedElement = (String)session.getAttribute("changedElement");
		if(changedElement!=null){
			if(changedElement.equals("yes")){
				cible ="changedElementYES";
				session.setAttribute("changedElement","no");
			}
		}
		//redirect to appropriated view
        return (mapping.findForward(cible));
	}
}

et le mapping est le suivant pour cette action:

Code:

1
2
3
4
<action path="/synopticMapCheck" type="action.SynopticMapCheckAction">
      <forward name="changedElementNO" path="/jsp/changedElementNO.jsp"/>
      <forward name="changedElementYES" path="/jsp/changedElementYES.jsp"/>
    </action>

Enfin voilà!
Ca marche ENFIN.....