[AJAX] code

Version imprimable

[AJAX] code

Bonjour,

Mon code et mes requetes AJAX fonctionnaient bien jusqu'a ce que je decide de faire un switch case sur la fonction traitementResultat.
Je verifie bien que celle ci reçoit un nom de formulaire en type STRING mais ensuite je n'ai rien, même pas un message d'erreur (sauf sous IE6).
Je ne vois pas ou mon code est faux :( et j'ai bel et bien l'impression que c'est le onreadystatechange qui m'empeche d'executer correctement le switch case.

Merci d'avance

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
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
74
75
76
77
78
79
80
81
82
83
84
 
function traitementResultat(nomFormulaire) {
	alert(nomFormulaire+" "+typeof(nomFormulaire));
	if (requete.readyState == 4) 
	{
		if (requete.status == 200 || requete.status == 304) 
		{
			var data = eval('('+requete.responseText+')');
 
			switch (nomFormulaire) {
				case 'presentation' :
					alert("presentation traitement");
                                        presentation();
					break;
				case 'structure' :
					alert("structure traitement");
					break;
				case 'langueVivante' :
					// appel fonction langueVivante;
					break;
				case 'fonctionnement' :
					// appel fonction fonctionnement
					break;
				case 'projetEcole' :
					// appel fonction projetEcole
					break;
				case 'infos' :
					// appel fonction infos
					break;					
			}
		}
		else 
		{
			alert("Erreur HTTP N°"+requete.status);	
		}
	}
}
 
function getDonnees() {
	requete = newRequeteAJAX();
	// Methode POST asynchrone
	requete.onreadystatechange = traitementResultat("presentation");
	requete.open("POST", "query.php", true);
	requete.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	requete.send("RNE=0620058B");
}
 
 
function sendDonnees() {
	alert("plop");
}
 
function presentation() {
			document.forms["presentation"].elements["typeEcole"].selectedIndex = data.typeEcole;	// 0 Elementaire ; 1 Maternelle ; 2 Primaire
			document.forms["presentation"].elements["telephone"].value = data.telephone;
			document.forms["presentation"].elements["siteWeb"].value = data.siteWeb;			
			document.forms["presentation"].elements["mail"].value = data.mail;
 
			// RPI
			switch (parseInt(data.RPI)) {
				case 0 :	// RPI = OUI
					document.forms["presentation"].elements["RPI"][1].checked = true;
					break;
				case 1 :	// RPI = NON
					document.forms["presentation"].elements["RPI"][0].checked = true;
					break;
			}
 
			// Education Prioritaire
			switch (parseInt(data.EP)) {
				case 0 :
					alert("Educ. Prio. = "+parseInt(data.EP));		// Debug
					document.forms["presentation"].elements["EP"][0].checked = true;
					break;
				case 1 :
					alert("Educ. Prio. = "+parseInt(data.EP));		// Debug
					document.forms["presentation"].elements["EP"][1].checked = true;
					break;
				case 2 :
					alert("Educ. Prio. = "+parseInt(data.EP));		// Debug
					document.forms["presentation"].elements["EP"][2].checked = true;
					break;				
			}
}

19/01/2009, 15h30
Bovino

Il serait préférable d'abord de tester le status et le readyState dans ta fonction getDonnees histoire de ne pas faire d'appels inutiles à une autre fonction.
Ensuite, pour ton souci, cela vient du fait que ta syntaxe n'envoie pas les paramètres. Essaye plutôt comme ça :

Code:

requete.onreadystatechange = function(){traitementResultat("presentation");}

Essaye :

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
switch (nomFormulaire) {
	case 'presentation' :
		alert("presentation traitement");
                presentation();
		break;
	case 'structure' :
		alert("structure traitement"); // pour le test
		break;
	case 'langueVivante' :
		alert('cas langueVivante'); // pour le test
		// appel fonction langueVivante;
		break;
	case 'fonctionnement' :
		alert('cas fonctionnement'); // pour le test
		// appel fonction fonctionnement
		break;
	case 'projetEcole' :
		alert('cas projetEcole'); // pour le test
		// appel fonction projetEcole
		break;
	case 'infos' :
		alert('cas infos'); // pour le test
		// appel fonction infos
		break;
	default: alert('nomFormulaire : '+nomFormulaire);  // pour le test		
}

Tu verras si effectivement tu ne passes dans aucun des cas ou si tu passes dans un cas ou tu ne fais aucun traitement.

Code:

requete.onreadystatechange = function(){traitementResultat("presentation");}

humm çà me fait penser a un probleme que j'ai eu tres recement ... j'ai encore beaucoup de mal avec le langage objet.

SInon pour le moment j'ai fait ceci mais ce qui me gene c'est que je vais me retrouver avec une fonction par requete :

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
44
45
46
47
48
 
function getPresentation() {
	requete = newRequeteAJAX();
	requete.onreadystatechange = function()
	{
		if (requete.readyState == 4)
		{
			if (requete.status == 200 || requete.status == 304)
			{ // Traitement
				var data = eval('('+requete.responseText+')');
				document.forms["presentation"].elements["typeEcole"].selectedIndex = data.typeEcole;	// 0 Elementaire ; 1 Maternelle ; 2 Primaire
				document.forms["presentation"].elements["telephone"].value = data.telephone;
				document.forms["presentation"].elements["siteWeb"].value = data.siteWeb;			
				document.forms["presentation"].elements["mail"].value = data.mail;
				// RPI
				switch (parseInt(data.RPI)) {
					case 0 :	// RPI = OUI
						document.forms["presentation"].elements["RPI"][1].checked = true;
						break;
					case 1 :	// RPI = NON
						document.forms["presentation"].elements["RPI"][0].checked = true;
						break;
				}
				// Education Prioritaire
				switch (parseInt(data.EP)) {
					case 0 :
						document.forms["presentation"].elements["EP"][0].checked = true;
						break;
					case 1 :
						document.forms["presentation"].elements["EP"][1].checked = true;
						break;
					case 2 :
						document.forms["presentation"].elements["EP"][2].checked = true;
						break;				
				}
			}	// Fin Traitement
			else
			{
				alert("HTML erreur N° :"+requete.status);
			}	// Fin code erreur HTML		
		}	// Fin readyState == 4		
	}	// Fin fonction
 
	// Methode POST asynchrone
	requete.open("POST", "query.php", true);
	requete.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	requete.send("mode=lire&rne=0620058B");
}

Trouvez vous çà correct ou çà serait mieux de repartir sur ma premiere idée avec le switch ... case ??? Merci