[AJAX] lié une liste a deux champs texte

**james23** · 20/07/2010, 17h06

Bonjour,

J'ai une liste déroulante suivant la valeur selectionner, elle complète deux champ texte. Pour ce faire j'ai 3 fichier

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
 
<td>
<select name = "ccs" id = "ccs" style="width : 70px" onchange="getCcs(this)"/>
<option value = -1>----CCS----</option>
<%
	DBConnexion dbc_ccs = new DBConnexion();
	String sql_ccs = "SELECT num_ccs FROM ccs", num_ccsBfr;
	ResultSet resultat_ccs = dbc_ccs.recupereRequete(sql_ccs);
	while(resultat_ccs.next())
	{
		num_ccsBfr = resultat_ccs.getString("num_ccs");
		out.print("<option value=" + num_ccsBfr + ">" + num_ccsBfr + "</option>");
	}
	dbc_ccs.closeConnexion();
%>
</select>
</td>
<script language="javascript">
	function getCcs(ccs)
	{
		traitementNomCcs(ccs);
		traitementCdFinancier(ccs);
	}
 
	function recupererXhr()
	{
		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');
		}
		return xhr;
}
 
function traitementNomCcs(ccs)
{
	var xhr = recupererXhr();
	if(xhr) {
		xhr.open('GET', '/application/envoyerTraitementNomCcs.jsp?type=' + ccs, true);
		xhr.onreadystatechange = function() {
			document.getElementById('nomCcs').innerHTML = xhr.responseText;
		};
	xhr.send(null);
	}
}
function traitementCdFinancier(ccs)
{
	var xhr = recupererXhr();
	if(xhr) {
		xhr.open('GET', '/application/envoyerTraitementCdFinancier.jsp?type=' + ccs, true);
		xhr.onreadystatechange = function() {
			document.getElementById('codeFinancier').innerHTML = xhr.responseText; 
		};
		xhr.send(null);
	}
}
</script>
 
<td>
<input type = "text" id ="nomCcs" name = "nomCcs" readonly>
</td>
<td><input type = "text" name = "codeFinancier" size= "1" maxlength = "5"></td>

Page EnvoyerTraitementNomCcs.jsp

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
 
<%
	DBConnexion dbc_nomCcs = new DBConnexion();
	String sql_nomCcs = "null", type_donnees = request.getParameter("type").replaceAll("'", "''"),name_donnees= "null";
	if(type_donnees =="K3212C1" || type_donnees =="K3212C3" || type_donnees =="K3212C5" || type_donnees =="K3212C7") {
		sql_nomCcs = "SELECT nom_agence FROM agence INNER JOIN ccs ON agence.id_agence = ccs.id_agence where num_ccs='" + type_donnees + "'";
		name_donnees = "nom_agence";
	} else if(type_donnees == "K3219O2" || type_donnees == "K3219CS") {
		sql_nomCcs = "SELECT nom_pole FROM pole INNER JOIN ccs ON pole.id_pole = ccs.id_pole where num_ccs='" + type_donnees + "'";
		name_donnees = "nom_pole";
	}
	ResultSet resultat_nomCcs = dbc_nomCcs.recupereRequete(sql_nomCcs);
	if(resultat_nomCcs.isLast()) {
		out.print(resultat_nomCcs.getString(name_donnees).replaceAll("\"", "\\\""));
	}
	dbc_nomCcs.closeConnexion();
%>

Page envoyerTraitementCdFinancier

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<%
	DBConnexion dbc_cdFinancier = new DBConnexion();
	String sql_cdFinancier = "SELECT num_code_financier FROM ccs INNER JOIN code_financier ON ccs.id_cd_financ = code_financier.id_cd_financ WHERE num_ccs'" + request.getParameter("type").replaceAll("'", "''") + "'";
	ResultSet resultat_cdFinancier = dbc_cdFinancier.recupereRequete(sql_cdFinancier);
	if(resultat_cdFinancier.isLast()) {
		out.print(resultat_cdFinancier.getString("code_financier").replaceAll("\"", "\\\""));
	}
	dbc_cdFinancier.closeConnexion();
%>

Voila le code que j'ai effectuer mais celui-ci me gère des erreur dans mes requète SQL. Ou peut-être, j'ai mal conçu mes pages, je sais pas.

Merci

**gwyohm** · 20/07/2010, 18h08

Envoyé par james23

Code :

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

1
2
3
 
<td>
<select name = "ccs" id = "ccs" style="width : 70px" onchange="getCcs(this)"/>

Tu passes l'objet select, mais pas sa valeur...

Code :

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

onchange="getCcs(this.value)"

**james23** · 20/07/2010, 20h29

Ok je test ça de suite
merci pour ta réponse rapide

**james23** · 21/07/2010, 08h42

Cela marche toujours pas,quand je test la reponse de l'ajax, je vois une erreur
ORA-00920: operation relationnel non valide dans les deux pages de traitement

**gwyohm** · 21/07/2010, 09h02

Salut,

Là on sort du domaine du javascript: la requête AJAX part bien, et j'imagine que la valeur envoyée dans le paramètre type est bien celle choisie dans la select box.
Il n'est pas souhaitable que l'on poursuive ce thread pour parler java et requête SQL, il y a sur developpez.com des forums dédiés à ces sujets:

Néanmoins, je peux te donner une piste (mais je n'irai pas plus loin):
Dans EnvoyerTraitementNomCcs.jsp, tu testes l'égalité de String avec un == autrement dit l'égalité de pointeur. Tu dois passer par la méthode equals de string. Pour l'instant dans cette JSP, sql_ccs a toujours la valeur "null" à laquelle elle est initialisée.

Quant à envoyerTraitementCdFinancier, il manque le symbole = avant la concaténation avec le paramètre type.

**james23** · 23/07/2010, 14h06

Je me permet de revenir vers toi. Car pour moi, le coté JSP et AJAX marche bien puis qu'elle me retroune la bonne valeur. Maintenant le problème est que cette valeur ne s'insère pas dans son champs texte

Voici le code:

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
<td>
<select name = "ccs" id = "ccs" style="width : 70px" onchange="getCcs(this)"/>
<option value = -1>----CCS----</option>
<%
	DBConnexion dbc_ccs = new DBConnexion();
	String sql_ccs = "SELECT num_ccs FROM ccs", num_ccsBfr;
	ResultSet resultat_ccs = dbc_ccs.recupereRequete(sql_ccs);
	while(resultat_ccs.next())
	{
		num_ccsBfr = resultat_ccs.getString("num_ccs");
		out.print("<option value=" + num_ccsBfr + ">" + num_ccsBfr + "</option>");
	}
	dbc_ccs.closeConnexion();
%>
</select>
</td>
<script language="javascript">
	function getCcs(ccs)
	{
		traitementNomCcs(ccs);
		traitementCdFinancier(ccs);
	}
 
	function recupererXhr()
	{
		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');
		}
		return xhr;
}
 
function traitementNomCcs(ccs)
{
	var xhr = recupererXhr();
	if(xhr) {
		xhr.open('GET', '/application/envoyerTraitementNomCcs.jsp?type=' + ccs, true);
		xhr.onreadystatechange = function() {
			document.getElementById('nomCcs').innerHTML = xhr.responseText;
		};
	xhr.send(null);
	}
}
function traitementCdFinancier(ccs)
{
	var xhr = recupererXhr();
	if(xhr) {
		xhr.open('GET', '/application/envoyerTraitementCdFinancier.jsp?type=' + ccs, true);
		xhr.onreadystatechange = function() {
			document.getElementById('codeFinancier').innerHTML = xhr.responseText; 
		};
		xhr.send(null);
	}
}
</script>
 
<td>
<input type = "text" id ="nomCcs" name = "nomCcs" readonly>
</td>
<td><input type = "text" name = "codeFinancier" size= "1" maxlength = "5"></td>

mes deux pages de traitement

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
<%
	DBConnexion dbc_nomCcs = new DBConnexion();
	String sql_nomCcs = "null", type_donnees = request.getParameter("type").replaceAll("'", "''"),name_donnees= "null";
	if(type_donnees.equals("K3212C1") || type_donnees.equals("K3212C3") || type_donnees.equals("K3212C5") || type_donnees.equals("K3212C7")) {
		sql_nomCcs = "SELECT nom_agence FROM agence INNER JOIN ccs ON agence.id_agence = ccs.id_agence where num_ccs='" + type_donnees + "'";
		name_donnees = "nom_agence";
	} else if(type_donnees.equals("K3219O2") || type_donnees.equals("K3219CS")) {
		sql_nomCcs = "SELECT nom_pole FROM pole INNER JOIN ccs ON pole.id_pole = ccs.id_pole where num_ccs='" + type_donnees + "'";
		name_donnees = "nom_pole";
	}
	ResultSet resultat_nomCcs = dbc_nomCcs.recupereRequete(sql_nomCcs);
	if(resultat_nomCcs.next())
	{
			out.print(resultat_nomCcs.getString(name_donnees).replaceAll("\"", "\\\""));
	}
	dbc_nomCcs.closeConnexion();
%>

Code :

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

1
2
3
4
5
6
7
8
9
<%
	DBConnexion dbc_cdFinancier = new DBConnexion();
	String sql_cdFinancier = "SELECT num_code_financier FROM ccs INNER JOIN code_financier ON ccs.id_cd_financ = code_financier.id_cd_financ WHERE num_ccs ='" + request.getParameter("type").replaceAll("'", "''") + "'";
	ResultSet resultat_cdFinancier = dbc_cdFinancier.recupereRequete(sql_cdFinancier);
	if(resultat_cdFinancier.next()) {
		out.print(resultat_cdFinancier.getString("num_code_financier").replaceAll("\"", "\\\""));
	}
	dbc_cdFinancier.closeConnexion();
%>

**gwyohm** · 23/07/2010, 14h38

Code :

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

1
2
3
4
5
// pas bien
document.getElementById('codeFinancier').innerHTML = xhr.responseText; 
// bien
document.getElementById('codeFinancier').value = xhr.responseText;

(c'est un input...)

**james23** · 23/07/2010, 14h41

ça marche merci

[AJAX] lié une liste a deux champs texte

AJAX

Discussions similaires

Partager

Partager