Ajax / Explications Fonction Listesderoulante

dubuducu Messages postés 395 Statut Membre -  
dubuducu Messages postés 395 Statut Membre -
Bonjour,
je souhaiterai comprendre un peu mieux la fonction, son principe afin de pouvoir la faire fonctionner correctement.
Parce que la elle fonctionne pas trop ! la premiere requete est executée.la liste 1 est donc remplie!
pouvez vous m'aider pour la suite :
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;
			}
			
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			
			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){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('sous_categorie').innerHTML = leselect;
					}
					
				
				}

				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxsouscat.php",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 l'auteur
				sel = document.getElementById('categorie');
				idcategorie = sel.options[sel.selectedIndex].value;
				xhr.send("idCategorie="+idcategorie);
			}


			}
			function go2(){
				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){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('thematique_projet').innerHTML = leselect;
					}
				}

				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxthemprojet.php",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 l'auteur
				sel = document.getElementById('sous_categorie');
				idsous_categorie = sel.options[sel.selectedIndex].value;
				xhr.send("idSous_categorie="+idsous_categorie);
			}


mes id sont respectivement : categorie, sous_categorie et thematique_projet.
je reste a votre disposition pour de plus amples informations !
Merci d'avance
A voir également:

1 réponse

dubuducu Messages postés 395 Statut Membre 4
 
je prends exemple sur https://siddh.developpez.com/articles/ajax/#LIV-A mais cela ne fonctionne tjrs pas !
je ne vois vraiment pas ! aidez moi s'il vous plait
1