[AJAX] lier deux liste déroulante JSP + AJAX+ ORACLE

Version imprimable

Bonjour,

J'essaie d'effectuer la même chose que james23, à savoir le remplissage d'une liste déroulante suivant la sélection d'une première.

J'ai suivi cette discussion et m'en suis servi en l'adaptant à mon projet, mais je suis bloqué et je n'arrive pas à résoudre mon problème.

Je pense que mon problème se situe ici :
Code:

1 2 3 4 5 xhr.open("GET","traitementMethods.jsp?service=" + service,true); xhr.onreadystatechange = function() { var tableauValeurs = eval("(" + xhr.responseText + ")"); refreshMethods(tableauValeurs); };
J'ai une Exception qui est :
Code:

1 2 3 4 10:07:50,284 INFO [PortalImpl:3749] Current URL /web/guest/traitementMethods.jsp?service=2 generates exception: null 10:07:50,284 INFO [PortalImpl:3760] com.liferay.portal.NoSuchLayoutException com.liferay.portal.NoSuchLayoutException at com.liferay.portal.service.impl.LayoutLocalServiceImpl.getFriendlyURLLayout(LayoutLocalServiceImpl.java:538)
Ceci est une exception relevée par Liferay, mais peut-être que vous avez une idée du problème.

et lorsque je remplace :

Code:

xhr.open("GET","traitementMethods.jsp?service=" + service,true);

par

Code:

xhr.open("GET","/traitementMethods.jsp?service=" + service,true);

Je n'ai pas d'exceptions, ma deuxième liste déroulante se vide correctement mais ne se rempli pas avec les nouvelles valeurs, de plus si je fais ceci ;
Code:

1 2 var tableauValeurs = eval("(" + xhr.responseText + ")"); alert(tableauValeurs);
Voici le contenu qui s'affiche...
Code:

1 2 3 4 5 6 7 <html> <head> <title/> <meta content="1;url=/c" http-equiv="refresh"/> </head> <body onload="javascript:location.replace('/c')"></body> </html>

25/08/2010, 21h26
llaffont

J'avais fais une source la dessus.

=> ICI
26/08/2010, 11h53
Air P-E
Merci pour ta réponse llafont.

J'ai regardé ton code, et j'ai l'impression d'avoir à peu près la même chose que toi, sauf que tu utilises la méthode POST et moi GET (dans un premier temps, j'utiliserai POST ensuite) et ensuite au niveau du retour de la requête tu fais un echo des balises <options> directement, ce que j'ai essayé aussi mais sans succès... :cry:

Après, j'ai peut-être raté quelque chose ou mal compris un truc dans ton code étant donné que c'est du php et j'en ai que très peu fait ! :mouarf:

Par contre, l'alert de
Code:

1 2 var tableauValeurs = eval("(" + xhr.responseText + ")"); alert(tableauValeurs);
s'affiche 2 fois... Pourquoi ? :? Il n'est pas censé s'afficher qu'une seule fois ?

Donc voila, si quelqu'un a une idée...
26/08/2010, 17h34
Air P-E
Bon... J'ai passé l'aprem à chercher... Mais chaque fois que je testais un nouveau truc, c'était pire ! :aie:
Je suis donc revenue à ce que j'avais au début et ce que je vous ai posté.

J'ai compris pourquoi l'alert s'affichait deux fois (dans mon précédent post), j'ai rajouté la condition :
Code:

1 2 3 if(xhr.readyState == 4 && xhr.status == 200) { ... }
et voilà...

Bon par contre, je n'ai toujours pas résolu mon problème, mais je suis certain que ça vient de cette ligne (en tout cas en partie ! :mouarf:)

Code:

var tableauValeurs = eval("(" + xhr.responseText + ")");

Si je mets une alert juste avant, elle s'affiche, juste après, elle ne s'affiche pas... Et quand je remplace cette ligne par :

Code:

var tableauValeurs = xhr.responseText;

Ca m'affiche je ne sais combien de "Undefined" dans ma seconde liste déroulante ! 8O

Est-ce que ça parle à quelque'un, auriez-vous une idée pour résoudre mon problème ?

Bon j'ai suivi cet exemple à partir de 0...
http://siddh.developpez.com/articles/ajax/#LIV

Voici mon code...
dans mon fichier test.jsp :

Code:

<input type='button' value='Dis quelque chose !' onclick='go()' />

javascript.js

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
function getXhr(){
	var xhr = null;
	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; 
	}
	return xhr;
}
 
function go() {
	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('reponse... '+xhr.responseText);
		}
	}
	xhr.open("GET","../components/test/traitementMethods.jsp",true);
	xhr.send(null);
}

traitementMethods.jsp :

Code:

1
2
3
<%
out.print("Hey !!");
%>

L'alert qui s'affiche contient tout le code de ma page ! Pourtant je pense avoir bien suivi les instructions pas à pas... Je ne comprends pas !

27/08/2010, 11h14
llaffont
Citation:

Envoyé par Air P-E

L'alert qui s'affiche contient tout le code de ma page ! Pourtant je pense avoir bien suivi les instructions pas à pas... Je ne comprends pas !

De ta page traitementMethods.jsp ?
C'est à dire ?
Code:

1 2 3 <% out.print("Hey !!"); %>
Ou ta page contient d'autre information.
Je risque d'être largué car mon domaine c'est plus le PHP que les JavaServer Pages :zoubi:
27/08/2010, 12h39
Air P-E
Non, tout le code de la page contenant test.jsp.

En fait mon test.jsp est le mode edit d'une portlet, et tout le code qui s'affiche, c'est celui de la page entière du Portail Liferay...

Et ma page traitementMethods.jsp, ne contient pour le moment que :
Code:

1 2 3 <% out.print("Hey !!"); %>
Et bien si tu as des idées même en php, je veux bien ! Les jsp, je me débrouille pas trop mal donc je pourrai faire une traduction php -> JSP ! :mouarf:

Mais sinon voilà mon problème, je trouve ça quand même très bizarre, j'aimerai bien avoir des retour de james23, savoir s'il a réussi et comment il s'y ait pris.

En tout cas, merci pour ton implication.

Chez moi j'ai testé ça :

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
 
<html>
  <head>
    <title>Test JSP</title>
	<Script>
	function getXhr(){
	var xhr = null;
	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; 
	}
	return xhr;
}
 
function go() {
	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('reponse... '+xhr.responseText);
		}
	}
	xhr.open("GET","./traitementMethods.php",true);
	xhr.send(null);
}
	</Script>
  </head>
  <body>
    <form>
      <input type='button' value='Dis quelque chose !' onclick='go()' />
    </form>
  </body>
</html>

Code:

1
2
3
 
header("Content-Type:text/plain");
echo "Hey !!";

Ça fonctionne :) je ne vois pas d'où peux provenir ton problème si ce n'est du Java Server.

27/08/2010, 15h24
Air P-E
Ouais...
J'ai fait comme toi, j'ai rajouté la ligne pour le header
Code:

1 2 3 4 <% response.setHeader("Content-Type","text/plain"); out.print("Hey !!"); %>
Mais bon, forcément, je m'en doutais, ça ne change strictement rien... C'est fou ça, toi ça marche, donc ça doit venir des JSP ou de Liferay mais comment savoir!? :cry:

Et puis je ne pense pas avoir fait d'erreur dans mes JSP, étant donné que je n'ai quasi-rien sauf le contenu de traitementMethods.jsp...

Bon je me suis repenché sur ce problème hier.

Tout ce que j'avais fait était bon depuis le début... Mon problème venait en fait du chemin que je lui passais en paramètre qui ne correspondait pas au context...

Code:

1
2
3
4
5
6
7
8
9
10
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('reponse... '+xhr.responseText);
        }
    }
    xhr.open("GET","traitementMethods.jsp",true);
    xhr.send(null);

remplacé par

Code:

1
2
3
4
5
6
7
8
9
10
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('reponse... '+xhr.responseText);
        }
    }
    xhr.open("GET","/cheminDeLaPortlet/traitementMethods.jsp",true);
    xhr.send(null);

Sujet résolu ! ;) Merci cependant de votre aide ! :ccool: