Fichier .js dans JSP : problèmes !

**Koffee** · 23/06/2009, 07h31

Code :

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

1
2
 
<script type="text/javascript" src="<%=application.getContextPath() %>/js/prototype.js"></script>

Le problème est le suivant :
Si j'invoque directement ma JSP (localhost:8080:Application/index.jsp), aucun poblème, le javascript est inclue dans ma page et ses traitement sont fait.
Par contre, si je passe par ma servlet (localhost:8080:Application/),le javascript n'est plus intégré dans ma page et firebug me retourne moultes Erreurs Javascript !

Mapping dans le ficheir web.xml

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<servlet>
	<servlet-class>Index</servlet-class>
	<servlet-name>StartPage</servlet-name>
</servlet>
 
<servlet-mapping>
<servlet-name>StartPage</servlet-name>
	<url-pattern>/</url-pattern>
</servlet-mapping>

Avec cette seul ligne dans ma servlet :

Code :

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

1
2
 
request.getRequestDispatcher("index.jsp").forward(request, response);

Est-ce que quelqu'un a déjà eut eut problème ?
Ais-je oublié quelques choses ?

D'avance, merci.

NB :
Par contre, si je transforme mes fichiers .js en .js.jsp, ça fonctionne

**Koffee** · 24/06/2009, 10h31

Mettre apache en frontal ne corrigerait-il pas le problème ?
À ce stade, je suis démunis... Je ne sais plus quoi faire

.

Quelqu'un à déjà utiliser prototype ou un autre Framework Javascript sur une appli JEE ?

**c_nvy** · 27/06/2009, 16h06

As-tu le même problème après avoir mis la servlet dans un package ?

**Koffee** · 27/06/2009, 17h03

En fait, elle est déjà dans un package...
J'ai volontairement simplifié la structure dans l'ennoncé de mon soucis...

Voici la structure réelle :

Et voici l'entête de ma JSP :

Avec les .js.jsp comme ci-dessus, ça fonctionne...
Mais dès que j'enlève les .jsp de mes fichiers Javascript, on dirait qu'ils sont ignorés.

D'avance, merci.

***alexandre*** · 27/06/2009, 17h37

Il ne te manquerait pas un welcome file qui fasse un forward sur une page dont l'extension est un .do (je dis ca comme ca, ca fait 6 ans que je travail sur d'autres technologies que struts)

**c_nvy** · 27/06/2009, 17h37

Peux-tu poster le code html généré de la page jsp ?

**Koffee** · 27/06/2009, 17h56

@ *alexandre* :
Je n'utilise pas struts dans le cas présent...

Voici le code généré par Tomcat :

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
61
62
63
64
65
66
67
68
69
70
71
72
73
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
 
		<script type="text/javascript" src="/TP1/js/prototype.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/scriptaculous.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/builder.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/controls.js.jsp"></script>
 
		<script type="text/javascript" src="/TP1/js/effects.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/slider.js.jsp"></script>
		<script type="text/javascript" src="/TP1/js/sound.js.jsp"></script>
</head>
<body style="width:50%; margin:auto;">
	<h2 style="text-align:center;color:white;background-color:#787878">Bienvenue à la loterieZ !</h2>
 
	<div id="textIndex" style="display:block;">
		<p style="text-align:center;border:1px dashed black; padding:5px;background-color:#efefef;" >
 
			<span style="text-decoration:underline;font-style:italic;font-size:1.1em">
				Le but du jeu est simple :
			</span><br /> 
			Vous devez choisir 2 numéros différents dans les listes suivantes !<br />
			Ensuite, vous n'avez plus qu'à valider et voir si vous avez gagné...<br />
			Bonne chance. :)	
		</p>
 
		<form action="tirage.do" method="post" style="text-align:center">
 
			Numéro 1: <select name="number1">
 
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
 
<option value="10">10</option>
</select><br />
Numéro 2: <select name="number2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
 
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select><br />
 
			<br />
			<input type="submit" value="Valider" />
		</form>
 
	</div>
 
	<script type="text/javascript">
                new Effect.BlindDown('textIndex');
        </script>
 
</body>
</html>

Pour mémoire, voici le code de la Servlet en question :

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
 
package com.sdz.control;
 
import java.io.IOException;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
public class Index extends HttpServlet {
 
	public void doGet(	HttpServletRequest request, 
						HttpServletResponse response)
						throws IOException, ServletException{
 
		request.getRequestDispatcher("index.jsp").forward(request, response);
 
	}	
}

Il y a un truc qui doit se passer lorsqu'on utilise une JSP via une servlet... Mais je ne vois pas quoi.
Si j'invoque directement la page JSP avec des .js standard, tout fonctionne, mais si je passe par le forward de la servlet, tout fout le camp...

**c_nvy** · 28/06/2009, 20h25

As-tu le même problème si tu définis le mapping de la servlet comme ceci :

Code xml :

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

1
2
3
4
5
6
7
8
<servlet>
	<servlet-name>StartPage</servlet-name>
	<servlet-class>com.sdz.control.Index</servlet-class>
</servlet>
<servlet-mapping>
	<servlet-name>StartPage</servlet-name>
	<url-pattern>/index</url-pattern>
</servlet-mapping>

et si tu invoques la servlet comme ceci :
http://localhost:8080/Application/index

**Koffee** · 28/06/2009, 22h34

En effet, ça fonctionne comme ça...
Du coup, pourquoi ça ne fonctionnait pas en mappant mon chemin sur '/' dans le web.xml...

C'est louche cette histoire tu ne trouves pas ?

**tchize_** · 28/06/2009, 22h53

Ce code généré m'a l'air correct. Es-tu sur que ton problème est que le JS n'es pas inclu? Qu'a tu à la place de généré si tu invoque directement le jsp?

**Koffee** · 29/06/2009, 07h41

Le truc, c'est que ce n'est même pas des fichiers JS contenant du code Java...
C'est un framework d'effet (script.aculo.us).

Le problème, je pense, viens du fait que lorsque j'invoque directement mes JSP, genre : localhost:8080/TP1/index.jsp
Pas de soucis, les JS sont chargés.

Mais lorsque j'utilise une servlet mapper sur la racine (localhost:8080/TP1/)
Les JS ne se chargent plus, sauf en les renommant en .js.jsp et le problème semble disparaitre lorsque j'utilise un nom de mapping plus explicite comme me la conseillé c_nvy.

Je n'arrive pas à comprendre pourquoi il y a ce phénomène et comment le contourné...
J'aurais bien aimé pouvoir utiliser ce Framework Javascript et je ne m'attendais pas du tout à ce genre de réticence de la part de la plateforme JEE...

**tchize_** · 29/06/2009, 09h20

Y a pas de raison que les .js ne se chargent pas avec le mapping que tu nous a donné. Il n'y a pas nécessité non pus de mettre .jsp derrière. Remet ton mapping d'origine, charge ta page "/" et dit nuos à la fois ce que tu vois dans les entete d'inclusion de ta page générée (là ou t'inclu les .js) et ce que ca donne quand tu charge à la main un de ces .js dans ce cas, est-ce que tu vois bien le contenu?

J'ai l'impression que t'avais fait ceci comme mapping

Code :

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

1
2
3
<servlet-name>StartPage</servlet-name>
	<url-pattern>/*</url-pattern>
</servlet-mapping>

ce qui expliquerais que tes .js ne se chargeaient pas mais que les .jsp oui. En effet le mapping *.jsp avait priorité sur le mapping /*, mais tes .js ne correspondant qu'au mapping /*, ben au lieu de te servir tes .js i lte servait une nouvelle fois la servlet.

**Koffee** · 29/06/2009, 13h40

Je t'assure que je n'avais pas (et n'ai toujours pas) de /* dans le mapping !

J'ai retesté un truc et c'est très fort !

Avec ce mapping :

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
 
<web-app>
 
	<servlet>
		<servlet-class>com.sdz.control.Index</servlet-class>
		<servlet-name>StartPage</servlet-name>
	</servlet>
 
	<servlet>
		<servlet-class>com.sdz.control.FormulaireAction</servlet-class>
		<servlet-name>FormAction</servlet-name>
	</servlet>
 
	<servlet-mapping>
		<servlet-name>StartPage</servlet-name>
		<url-pattern>/home</url-pattern>
	</servlet-mapping>
 
	<servlet-mapping>
		<servlet-name>FormAction</servlet-name>
		<url-pattern>*.do</url-pattern>
	</servlet-mapping>
 
</web-app>

À l'invocation de la page localhost:8080/TP1/home => Tout marche nickel
Par contre, si j'utilise ce mapping :

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
 
<web-app>
 
	<servlet>
		<servlet-class>com.sdz.control.Index</servlet-class>
		<servlet-name>StartPage</servlet-name>
	</servlet>
 
	<servlet>
		<servlet-class>com.sdz.control.FormulaireAction</servlet-class>
		<servlet-name>FormAction</servlet-name>
	</servlet>
 
	<servlet-mapping>
		<servlet-name>StartPage</servlet-name>
		<url-pattern>/home</url-pattern>
	</servlet-mapping>
 
 
	<servlet-mapping>
		<servlet-name>StartPage</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>
 
	<servlet-mapping>
		<servlet-name>FormAction</servlet-name>
		<url-pattern>*.do</url-pattern>
	</servlet-mapping>
 
 
</web-app>

Voici un screen de ma page :

Les .js sont ignorés et l'effet de la librairie script.aculo.us ne fonctionne pas...

**tchize_** · 29/06/2009, 19h06

ok, trouvé

Dans les spéicfications servlet (ici servlets 2.5 section 11.2):

"une string commencant par / et finissant par /* est utilisée pour mapper un chemin"
"un string commencant par le préfix "*." est utilisée pour mapper une extension"
"un string contenant uniquement le caractère '/' indique la servlet par défaut, de l'application"
"toutes les autres strings indiquent une correspondance exacte"

T'es dans la cas 3, tu mappe tout ce qui est pas mappé ailleurs vers ta servlet par défaut. Le mieux pour toi est de mapper par exemple sur /home et de faire comme tout le monde, dire dans ton web-xml que la default page est "/home"

Code :

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

1
2
3
<welcome-file-list>
  <welcome-file>home</welcome-file>
</welcome-file-list>

ainsi quand l'utilisateur tappera http://serveur/TP1, il sera redirigé vers http://serveur/TP1/home

**Koffee** · 29/06/2009, 21h05

Tu es trop fort ! ! !

Merci beaucoup, ça venait effectivement de là !

Pfiou... Pas si simple JEE en fin de compte...

Merci aussi c_nvy !

Fichier .js dans JSP : problèmes !

Servlets/JSP Java

Discussions similaires

Partager

Partager