Ajax, Arrêté à l'état 1

Bonjour,

J'utilise le système AJAX pour réaliser 3 combobox lié par l'intermédiaire de ma base de données Accès.
La première combobox est la principale et la sélection de cette dernière définit la sélection possible dans la seconde, et la sélection dans la seconde vient définir la sélection possible dans la troisième.

La fonction AJAX pour lié la première et la deuxième combobox fonctionne nickel, par contre lors je lance la fonction AJAX qui permet de lier la seconde et la troisième, la fonction : xhr.readyState ne dépasse pas l'état 1 donc forcément cela ne fonctionne pas, voici le code de ma fonction :

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 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 go2(){
 
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
				alert(xhr.readyState);
					// 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){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
 
						document.getElementById('codage').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxcodage.php4",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de types
				sel = document.getElementById('types');
				idTypes = sel.options[sel.selectedIndex].value;
				xhr.send("idtypes="+idTypes);
 
				sel = document.getElementById('classes');
				idclasses = sel.options[sel.selectedIndex].value;
				xhr.send("idClasses="+idclasses);
			}

Et voici le code du fichier php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<?php
	echo "<select name='Codage'>";
	if(isset($_POST["idTypes"]) && isset($_POST["idClasses"])){
		$con=odbc_connect("rtpi","","") or die("Impossible de se connecter à la base de donnée, réessayer ou contacter un administrateur");
		$requete = "SELECT * FROM Codage WHERE Classes = ".$_POST["idClasses"]." AND Types = ".$_POST["idTypes"];
		$resultat = odbc_exec($con,$requete) or die("Impossible de générer la requête SQL, contacter un administrateur");
		while(odbc_fetch_array($resultat)){
			echo "<option value='".odbc_result($resultat,"Codes")."'>".odbc_result($resultat,"Codes")."|".odbc_result($resultat,"Designation")."</option>";
		}
	}
	echo "</select>";
?>

Ainsi je sollicite votre aide pour me sortir de ce problème, merci à vous.

tu restes en loading ...

tu es sur que tu ne boucles pas dans ton code php ?

tu est sur de la casse du nom de fichier? du path ?

Pour le bouclage dans le fichier php, j'ai tout mit en commentaire, et c'est toujours les mêmes symptômes.

Au sujet du path, je viens de le vérifier, et c'est bien le bon path ainsi que le bon nom de fichier.

Après, est ce que le problème ne viendrait pas du faite que j'ai une fonction go qui réalise déjà une connection et qui ferait donc planté la seconde connection ?

oui a priori ajax ne supporte pas très bien deux connections simultannées ...
essaye de tout coller dasn un seul response, quitte à faire un split après réception ou ferme l'autre connection avant

Même souci

Salut, j'ai exactement le même souci je fais 3 listes liées les 2 1ères fonctionnent très bien et pour la 3ème le readyState ne dépasse pas 1 à n'y rien comprendre.

Le problème que j'ai eu, était du au faite que j'avais donné à mon div et à mon select le même id, par conséquent lorsque je tentais de récupérer l'information de mon select grâce à l'intermédiaire de l'id, il se produisait que la fonction js ne savait plus où chercher et donc bloquait l'appel ajax à l'état 1.

Ainsi en modifiant le nom du div, cela fonction désormais très bien.

Merci pour votre aide.