Servlet

Version imprimable

17/02/2012, 15h56
Bdloul

Jsp -> Javascript -> Servlet

Bonjour,
Voilà mon problème :
J'ai un formulaire que l'utilisateur doit remplir.
Je dois effectuer une vérification à chaque fois qu'un champ est rempli. Mais pas une vérification syntaxique, je dois me connecter à une table et vérifier que les champs remplis n'existent pas déjà.
La partie connexion à la Bdd se fait depuis du code "métier" java que j'appelle dans mes servlet.
Ce que j'aimerais faire, c'est, grâce à un évènement javascript (type onClick), pouvoir appeler un Servlet afin de checker la Bdd, le tout sans quitter le formulaire ou je suis (au pire un rechargement de la page avec les infos gardées telles quelles).
Déjà je voulais savoir si c'était possible (la relation javascript côté client & le code métier côté serveur me parait peu possible).
Et si oui, si quelqu'un aurait une piste à me donner? J'ai déjà pas mal chercher sur internet, mais je n'ai pas trouvé de façon de faire sans ouvrir une nouvelle fenêtre.
Merci d'avance.
Bdloul
20/02/2012, 09h34
DevServlet

Bonjour,
Peux tu clarifier ce que t'entends par :

Citation:

Je dois effectuer une vérification à chaque fois qu'un champ est rempli.

? C'est au sortir du champ ou tu veux faire un appel serveur à chaque saisie d'un caractère dans le champ?
20/02/2012, 09h38
Bdloul

Au sortir du champ!
20/02/2012, 09h54
DevServlet

Et après la vérification dans la bdd, qu'est il censé se passer? Si le mot saisi n'existe pas en bdd, tu veux pouvoir une erreur en restant sur la même page c'est ça?
20/02/2012, 09h57
Bdloul

Typiquement, ce serait de la forme :

champ de texte type : User : XXXXXX
Dès qu'on sort du champ, je voudrais appeler une classe java qui me permette de checker l'existence de l'user dans ma BDD
existe => petite croix rouges à côté.
existe pas => petite croix verte à côté.
Voilà voilà..
20/02/2012, 10h12
DevServlet

En fait tu vas devoir faire un appel Ajax via du javascript à la perte du focus sur le dernier champ saisi. L'évènement de perte du focus s'appelle

Code:

onblur="tonAppelFonctionJavascriptLancantAppelAjax()"

, et au retour de ton appel js, tu vas récupérer la réponse et l'écrire dans ta page en cours. Ce sans recharge de la page. Tu trouveras un exemple bien détaillé dans les cours et tutoriels pour apprendre Java. Tu pourras nous poser des questions progressivement si tu bloques, mais ça devrait pouvoir marcher.
20/02/2012, 13h05
Bdloul

Merci bien, moi qui pensait que l'ajax c'était juste un javascript bis, je suis agréablement surprise. Le principe des requêtes asynchrones va me permettre de résoudre mon problème. Je laisse le post en non résolu si jamais j'ai un problème.
21/02/2012, 09h28
Bdloul

C'est bon.
Merci.
21/02/2012, 10h54
DevServlet

Citation:

Envoyé par Bdloul

C'est bon.
Merci.

C'est tant mieux, mais pour aider ceux qui pourront avoir la même difficulté ce serait top que tu mettes un petit bout de code de la fonction javascript appelée, du bout du traitement de la servlet et le bout de code javascript récupérant la réponse de la servlet pour l'envoyer à ta jsp.

Bien sur.
Code javascript :

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 valider() {
	var donnees = document.getElementById("user_id");
	var url = "check?valeur=" + escape(donnees.value);
	if (window.XMLHttpRequest) {
		requete = new XMLHttpRequest();
		requete.open("GET", url, true);
		requete.onreadystatechange = majIHM;
		requete.send(null);
	} else if (window.ActiveXObject) {
		requete = new ActiveXObject("Microsoft.XMLHTTP");
		if (requete) {
			requete.open("GET", url, true);
			requete.onreadystatechange = majIHM;
			requete.send();
		}
	} else {
		alert("Le navigateur ne supporte pas la technologie Ajax");
	}
}
 
function majIHM() {
	var message = "";
 
	if (requete.readyState == 4) {
		if (requete.status == 200) {
			// exploitation des données de la réponse
			var messageTag = requete.responseXML
					.getElementsByTagName("message")[0];
			message = messageTag.childNodes[0].nodeValue;
			mdiv = document.getElementById("validationMessage");
			//traitement
		} else {
			alert('Une erreur est survenue lors de la mise à jour de la page.'
					+ '\n\nCode retour = ' + requete.statusText);
		}
	}

L'appel sur la jsp (code html) :

Code:

1
2
3
 
					<td><input type="text" name="userid" id="user_id" value=""
						onblur="valider()" /></td>

Le servlet appelé :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
public class CheckLive extends HttpServlet {
 
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws IOException, ServletException {
		System.out.println("test");
		String valeur = request.getParameter("valeur");
		String message = "";
		response.setContentType("text/xml");
		response.setHeader("Cache-Control", "no-cache");
		if (valeur != null) {
		//traitement et remplissage de la String message
		}
		System.out.println("message : " + message);
		response.getWriter().write("<message>" + message + "</message>");
	}
 
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws IOException, ServletException {
		doGet(request, response);
	}
}

Le bout de web.xml intéressant :

Code:

1
2
3
4
5
6
7
8
9
 
	<servlet>
		<servlet-class>manager.user.servlet.CheckLive</servlet-class>
		<servlet-name>check</servlet-name>
	</servlet>
	<servlet-mapping>
		<servlet-name>check</servlet-name>
		<url-pattern>/check</url-pattern>
	</servlet-mapping>

Une dernière remarquer :
le

Code:

var url = "check?valeur=" + escape(donnees.value);

renvoit au mapping du servlet dans le web.xml

Bonjour à tous,
Je me permet de relancer le sujet car j'ai à peu de choses près le même soucis. En effet, je dois insérer sur chaque ligne d'un tableau un bouton, qui me permet de lancer un servlet. Ceci fait, lorsque je clique sur ce bouton, ma servlet n'est pas lancée, par contre le submit me renvoie sur la jsp elle-même (search.jsp), et elle est vide. Voici un peu de code :

Ma ligne de tableau dans search.jsp :

Code:

<td><input type="submit" value="->" onclick="detailDisplaying(\"123456789\")"/></td>

Mon script (placé dans le body de search.jsp):
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <script language="javascript" type="text/javascript"> function detailDisplaying(String ipp) { var url = "detail.do?ipp="+ipp; if (window.XMLHttpRequest) { request = new XMLHttpRequest(); request.open("GET", url, true); request.send(null); } else if (window.ActiveXObject) { request = new ActiveXObject("Microsoft.XMLHTTP"); if (request) { request.open("GET", url, true); request.send(); } } else { alert("Le navigateur ne supporte pas la technologie Ajax"); } } </script>
Ma servlet appellée est bien référencée dans le fichier web.xml (quand je lance l'URL .../detail.do, ça fonctionne).

Je suis persuadée que mon erreur est simple, mais je ne la trouve pas ...
Merci de votre aide !

Petite précision :
J'ai aussi tenté de suivre ce post : http://www.developpez.net/forums/d10...ligne-tableau/

Code:

<td><form name="buttonForm" method="get"><input type="submit" value="->" onclick="detailDisplaying(\"123456789\")\"/></form></td>
Code:

1 2 3 4 5 6 7 <script language="javascript" type="text/javascript"> function detailDisplaying(ipp) { document.forms["buttonForm"].action="detailPatient.do?ipp="+ipp; document.forms["buttonForm"].submit(); } </script>
Le résultat est exactement le même, à savoir page search.jsp vide ... J'ai l'impression que ma fonction ne passe pas du tout, j'ai tenté de mettre un alert(ipp), absolument rien ne s'est affiché à l'écran.

16/04/2012, 12h13
DevServlet
Bonjour,
En tant normal il fallait créer un nouveau post, quitte à y référencer ce post qui a déjà été résolu, mais bon je laisse le soin aux modérateurs de gérer ça. Mais pour ta question, as tu testé que tu rentrais bien dans ton fonction javascript? Pour ce faire mets un alert juste à l'entrée de ta fonction. Et de manière générale moi je mets toujours un bloc try..catch dans mes fonctions javascript ainsi :
Code:

1 2 3 4 5 6 7 8 9 10 function faitQuelQueChose(){ try{ ... }catch(e){ alert("Erreur de type :"+e); } }
ça t'aidera pas mal, fais ça et redis nous.

Merci pour ton retour rapide.
Désolée pour la réponse du post, je ne savais pas qu'il fallait faire comme ça je serait vigilante la prochaine fois :ccool:

J'ai finalement réussi en suivant ce post : http://www.developpez.net/forums/d10...ligne-tableau/
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script language="javascript" type="text/javascript"> function detailDisplaying(ipp) { try{ alert(ipp); document.forms["buttonForm"].action="detail.do?ipp="+ipp; document.forms["buttonForm"].submit(); }catch(e){ alert("Erreur de type :"+e); } } </script>
J'aurais une dernière question :
Comment se fait-il que l'URL obtenue soit ../detail.do? au lieu de ../detail.do?ipp=123456789 ?? Comment peut-on donc récupérer la valeur envoyée en paramètre dans ma servlet ?

Autre chose, cette méthode est-elle propre, ou bien dois-je privilégier ma méthode de ce post ?
Merci.

16/04/2012, 14h18
DevServlet

La récupération des valeurs d'un formulaire dans une servlet est expliquée sur de nombreux sites.