[AJAX]Listes liées multiples

Version imprimable

Bonjour, ;)

Je débute dans l'Ajax et je dois lier 6 listes entre elles grace à une base de données
Je me suis donc inspiré de l'exemple dans le tutoriel
Le problème est que je dois modifier dynamiquement les 5 autres listes quand le contenu d'1 est changée
J'ai donc 5 appels à des fonctions de ce type: (avec à chaques fois le fichier de destination modifié).

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
function maj_activite(){
 
				getXhr();
 
				xhr.onreadystatechange = function(){
 
					if(xhr.readyState == 4 && xhr.status == 200){
 
						leselect = xhr.responseText;
 
						document.getElementById('divactivite').innerHTML = leselect;
					}
				}
 
 
				xhr.open("POST","ajaxactivite.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
 
				// ici, l'id de l'activite
       	                        sel1 = document.getElementById('activite');
				idactivite = sel1.options[sel1.selectedIndex].value;
 
				// ici, l'id de la production
       	       	       	       	sel2 = document.getElementById('production');
				idproduction = sel2.options[sel2.selectedIndex].value;
 
// ici, l'id du produit
	       	       		sel3 = document.getElementById('produit');
				idproduit = sel3.options[sel3.selectedIndex].value;
 
// ici, l'id du continent d'export
             	       	 	sel4 = document.getElementById('exportcontinent');
				idexportcontinent = sel4.options[sel4.selectedIndex].value;
 
// ici, l'id du pays d'export
       	       	       	       	sel5 = document.getElementById('exportpays');
				idexportpays = sel5.options[sel5.selectedIndex].value;
 
// ici, l'id du continent d'import
             	       	 	sel6 = document.getElementById('importcontinent');
				idimportcontinent = sel6.options[sel6.selectedIndex].value;
 
// ici, l'id du pays d'import
       	       	       	       	sel7 = document.getElementById('importpays');
				idimportpays = sel7.options[sel7.selectedIndex].value;
				// envoi des 7 arguments
		xhr.send("idactivite="+idactivite+"&idproduction="+idproduction+"&idproduit="+idproduit+"&idexportcontinent="+idexportcontinent+"&idexportpays="+idexportpays+"&idimportcontinent="+idimportcontinent+"&idimportpays="+idimportpays);
			}

Mais dans le fichier ajaxactivite.php je ne récupére rien dans les variables (par exemple isset($_POST["idproduction"]) est toujours à false).
Là ou je ne comprend plus grand chose est que si je ne fais appel qu'à une fonction de ce genre ça fonctionne parfaitement...:roll:

A noter que l'appel aux 5 fonctions se fait de cette manière et que j'ai un OnChange = 'activite_changee()' dans la balise select

Code:

1
2
3
4
5
6
7
8
function activite_changee(){
      maj_production();
      maj_produit();
      maj_export_continent();
      maj_export_pays();
      maj_import_continent();
      maj_import_pays();
    }

et donc si je fais

Code:

1
2
3
 function activite_changee(){
        maj_production();
      }

ca fonctionne....

J'espère avoir été clair...:?

Merci d'avance!

27/06/2006, 14h37
FremyCompany

Code:

"abc=" + escape(abc) + "&xyz=" + escape(xyz)
27/06/2006, 14h51
Schuss

Merci de t'intéresser à mon problème FremyCompany !
j'ai modifié ce que j'envoyais par le xhr.send()

Code:

xhr.send("idactivite=" + escape(idactivite) + "&idproduction=" + escape(idproduction) + "&idproduit=" + escape(idproduit) + "&idexportcontinent=" + escape(idexportcontinent) + "&idexportpays=" + escape(idexportpays) + "&idimportcontinent=" + escape(idimportcontinent) + "&idimportpays=" + escape(idimportpays))

mais je ne récupére toujours rien dans le fichier de destination si je le fais pour toutes les listes à mettre à jour :cry:

je me demandais aussi :

Citation:

Code:

1
2
       	                        var sel1 = document.getElementById('activite');
				var idactivite = sel1.options[sel1.selectedIndex].value;

27/06/2006, 15h53
Schuss

J'ai essayé aussi mais ca veut toujours pas :aie:
Le problème c'est que si je fais un

Code:

alert("idactivite=" + escape(idactivite) + "&idproduction=" + escape(idproduction) + "&idproduit=" + escape(idproduit) + "&idexportcontinent=" + escape(idexportcontinent) + "&idexportpays=" + escape(idexportpays) + "&idimportcontinent=" + escape(idimportcontinent) + "&idimportpays=" + escape(idimportpays)

Il m'affiche les paramètres avec les bonnes valeurs donc je pense que c'est pendant l'envoi des paramètre qu'il y a un truc bizarre...mais je suis vraiment perdu la! Théoriquement on peut bien faire appel plusieurs fois à ce type de fonction? Il n'y a pas de problème lors de l'appel à plusieurs getXhr() ou quelque chose comme ca?
27/06/2006, 16h21
FremyCompany

essai un peu de réinitialiser ton XHR au début de ta fonction...

Code:

var xhr= FunctionQuiRenvoieUnXmlHttpRequest()

Oui je le fais grâce à la fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function getXhr(){
				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; 
				} 
			}

que j'utilise au début de chaques fonctions...
j'ai même essayé de rassembler tous les xhr.send (1 pour chaque fichier php de destination) mais c'est toujours le même résultat! :mur:
En tout cas merci encore de m'aider FremyCompany:ccool:

27/06/2006, 16h38
FremyCompany

et si tu supprime cette ligne :

Code:

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
27/06/2006, 16h44
Schuss

Si j'enlève cette ligne ca marche plus même si je mets à jour qu'une seule liste
27/06/2006, 16h51
FremyCompany

Et si tu passe par GET ?
Sinon, ben j'avoue que je vois pas ou est le pb...
27/06/2006, 16h54
Schuss

Y'a du nouveau! 8-)
Ce n'est en fait que la dernière liste qui recoit correctement les paramètres, donc seul le dernier xhr.send() fonctionne. Comme si les autres étaient interrompu par les suivant.
Est-ce qu'il faut faire quelque chose avant de recommencer un xhr.send()?
Est-ce que c'est possible?
Est-ce un complot pour m'empécher de mener à bien ce stage?:aie: (ayé je péte un cable:mouarf: )

EDIT: Je vais essayer GET
27/06/2006, 17h06
FremyCompany

alors j'ai pigé... tu utilises une mauvaise méthode...
regarde plustot :

XHR-->NULL --> INSTANCE 1
XHR-->ENVOI 1
XHR-->INSTANCE 1--> INSTANCE 2
==> ECHEC DANS L'ENVOI 1 ou 2

solution proposée :
plutoque de faire "xhr=new XmlHttpRequest();"
fait "return new XmlHttpRequest"
et dans ton code tu vais var "xhr=getXhr();"
pour le onreadystatechange, utilise this à la place de xhr.
27/06/2006, 17h31
Schuss

YYYYYYEEEEEEEEEEEEESSSSSSSSSS!!!!!!!!!!!
Ca marche!!
Je te remercie FremyCompany!:king:
Si je te croise je te paie un coup!:chin: