récupérer une variable après appel asynchrone à une jsp

**troussepoil** · 29/08/2008, 10h27

bonjour,

J'ai deux jsp. Une qui fais de l'affichage avec un tableau que nous appellerons tab.jsp. Cette première jsp appelle une seconde jsp (que nous appellerons traitement.jsp) qui ne fais pas d'affichage mais qui fais des test sur une base de données.

Dans tab.jsp, j'ai un tableau rempli avec des données issues de la base de données.
Dans cette jsp, j'ai un bouton qui ajoute une ligne au tableau, mais avant de faire l'ajout, je dois faire des test.
Disons que le type de ligne soit le suivant:
id | libellé | commentaire | date | statut
(ici, on parle d'article dans des campagnes publicitaires, donc l'id est celui d'un article, le commentaire, ce lui qui concerne un article, ...)

-je fais des test sur la validité des infos passées dans les champs de texte (est-ce une date conforme, statut est-il une lettre entre 'O','R','S' ou 'F', ...)
-je dois vérifier que la ligne que j'insère ne contienne pas le même 'id' qu'une ligne déja dans le tableau de la jsp (tab.jsp)
ça je le fais dans la jsp tab.jsp avec les composant javascript(tableau et champs texte).

-je dois tester si l'id existe déjà dans la base de données dans une autre table car je ne peux insérer que des articles qui existent dans la base.
Et ça, j'utilise pour l'instant une autre jsp (traitement.jsp).

En gros, quand je clique sur le bouton qui ajoute les articles, je lance une méthode qui fais des traitements en javascript et ensuite, je lance une requête avec XMLHttpRequest vers la seconde jsp qui s'occupe des test sur la base. la seconde s'occupe également de l'ajout dans la base de données de l'article.

Code :

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
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
 
 function ajouterArticle() {
            variable = "2";
            if(codeCampagne != null) {
 
	            var codeArticle = dijit.byId("codeArticle");
	            var statut = dijit.byId("statutArticle");
	            var comm = dijit.byId("commentaireArticle");
	            var qte = dijit.byId("qteMinArticle");
 
	            var tabA = grid.model.data;
 
	            /*alert('codeArticle pour valeur : '+codeArticle.value);
	            alert('statut pour valeur : '+statut.value);
	            alert('comm pour valeur : '+comm.value);
	            alert('qte pour valeur : '+qte.value);*/
 
	            // test si le statut et la quantité sont valide
				if( (statut.isValid() ==  true) && ( (qte.isInRange() == true) || (qte == "") ) ) {
 
					// test si l'article tapé est déjà dans la campagne
					// initialisation à false = n'est pas dans la campagne
					var bool = false;
					for(var i = 0; i < tabA.length; i++) {
						if(codeArticle.value == (tabA[i][2]))
							bool = true;
					}
 
					if(bool == false) {
 
					 var xhr = getXhr()
						// On défini ce qu'on va faire quand on aura la réponse
						xhr.onreadystatechange = function(){
							// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
							if(xhr.readyState == 4 && xhr.status == 200){
								// alert(xhr.responseText);
								//document.getElementById("resultAjoutArticle").innerHTML = xhr.responseText;
								variable = xhr.responseText;
							}
						}
 
						var url = "addArticle.jsp?codeArticle=" + codeArticle.value + "&statut=" + statut.value + "&commentaire=" + comm.value + "&qte=" + qte.value + "&codeCampagne=" + codeCampagne+"&variable="+variable;
						//var url = "AddArticle.do";
						//alert("url = " + url);
						xhr.open("GET", url, true);
						xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
						xhr.send(null);
 
// FIN DES TESTS DANS LA SECONDE JSP
// COMMENT JE SAIS CE QU'IL S'EST PASSE
 
					} else {
						alert("Cet article existe déjà dans cette campagne.");
					}
				} else {
					alert("Erreur dans les champs saisies.");
				}
            } else
                alert("Veuillez sélectionner une campagne.");
         }

Mon problème est le suivant:
Une fois que le traitement dans la seconde jsp est terminé, je reviens dans le code de la première. C'est à ce moment que je dois ajouter la ligne dans le tableau javascript. Comment je sais ce qu'il s'est passé, si les tests sont positifs ou négatifs dans traitement.jsp, pour savoir si j'ajoute ou non dans le tableau javascript?

J'avais pensé à retourner un boolean par exemple (true si je peux ajouter et false sinon) mais je ne réussi pas à envoyer une variable ou des paramètres en retour (de traitement.jsp vers tab.jsp).

Si ma méthode est toute naze, dite le moi, si il y a une autre solution plus 'propre' aussi.

merci.

**OButterlin** · 29/08/2008, 10h36

Envoyé par troussepoil

...
Si ma méthode est toute naze, dite le moi, si il y a une autre solution plus 'propre' aussi.

Toute naze, je ne voudrais pas être méchant, disons qu'elle n'est (à priori) pas très adaptée

Pourquoi ne pas passer par une servlet ?
La servlet s'occupera des tests et de la mise à jour et (re)chargera la page source (voir MVC)

A moins que tu veuilles impérativement faire de l'AJAX...

A+

**troussepoil** · 29/08/2008, 10h43

Non, si ça peut me débloquer, je suis près à changer. en fait, je suis aprti sur cette piste parce que c'est le premier truc auquel j'ai pensé. Je débute et je sais pas trop comment faire.
En fait j'utilise Struts. J'avais testé d'appeler une action directement en cliquant sur le bouton mais je ne vois pas comment faire mes test sur le tableau javascript et surtout comment ajouter la ligne dans le tableau javascript dans l'action. On peut passer un tableau javascript (instance) dans les paramètres?
En gros comment je récupère les objets de la première jsp qui sont des objets javascript dans l'action (servlet)?

**troussepoil** · 29/08/2008, 10h46

Ah oui aussi, l'ajax me permettrais de ne pas recharger la page complètement si j'ai bien compris, nan?

si je fais avec les actions de Struts, la page se rechargera complètement?

Disons qu'il y a beaucoup de chose sur cette page et que si je pouvais éviter le rechargement complet, ça serait pas mal.

**OButterlin** · 29/08/2008, 11h30

Oui, usuellement, avec Struts, la page se rechargera complètement.
Ce n'est pas un problème lié à Struts d'ailleurs, c'est le fonctionnement normal avec une soumission de <form>

Avec Ajax, on ne recharge que certaines parties de la page, mais c'est un peu plus compliqué...

Maintenant, dans le principe, Struts sait très bien gérer cette problématique, je ne vois pas trop où est ton problème.
Le javascript que tu utilises se base bien sur les champs du formulaire et rien n'interdit de modifier les valeurs de ces champs.
Donc, quand le formulaire sera soumis, la requête http inclura les champs.

Tu utilises quelle bibliothèque graphique et quel objet graphique pour le tableau ?

**troussepoil** · 29/08/2008, 11h47

J'utilise:
-dojo pour la librairie
-> dojox.Grid pour le tableau

J'ai deux tableau sur la page.
celui des campagnes et celui des articles.
Quand je clique sur une ligne du tableau des campagnes, je met à jour le second tableau avec de l'ajax (ça, ça marche).

quand j'ajoute un article dans le tableau des articles, si je recharge la page, mon tableau des articles va disparaitre, revenir comme quand je charge la page la toute première fois et là y'a pas encore de tableau des articles(puisqu'on attend un clique sur une campagne).

Sinon, j'ai pas de 'form'
J'appelle la seconde jsp avec un GET. Est-ce que je peux passer un tableau javascript dans les paramètre de l'url? Parce qu'il faut bien que j'ai l'objet dans la seconde jsp (ou l'action struts selon le choix).

J'ai fais un petit test:
j'envoi une variable 'var' dans la requête

var url = "addArticle.jsp?codeArticle=" ... "&variable="+var;
xhr.open("GET", url, true);

Je la modifie dans la seconde jsp(addArticle.jsp) et quand je retourne dans la première jsp (celle qui appelle addArticle.jsp) elle n'a pas gardée la nouvelle valeur.

**OButterlin** · 29/08/2008, 12h07

C'est dommage, en utilisant struts, tu aurais pu utiliser struts-layout qui fourni un composant pour ce genre de tableau (<layout:datagrid>)

Pour l'ajax, tu appelles un contrôleur qui renvoie un objet (xml ou texte) qu'il faut évidemment traiter.
Tu l'obtiens par httpXmlRequest.responseText (pour du texte) ou httpXmlRequest.responseXML (pour du xml)

**troussepoil** · 29/08/2008, 12h18

Je dois pas comprendre grand chose car je ne vois pas en quoi ça m'aide de savoir ça...
L'objet (xml ou texte) qu'il faudrait que je traite, retourne quoi?
ça renvoit le code HTML de la page?
ça renvoit des variables, des objets exploitables dans la jsp appelante?
Comment ça s'utilise?