Discussion :

[boubourse92]

Bonjour tout le monde

je suis entrain d'etudier le Tuto :
Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

mais j'ai un souci , rien ne s'affiche dans les menus deroulants.

je voulais savoir ce que signifie cette ligne :
xhr.send("idAuteur="+idauteur);

je ne comprend pas trop , idAuteur et idauteur ?? quelle est la difference

idAuteur doit correspondre au champs dans ma table ?


si quelqu'un peux m'explique c'est cool

merci

[Nosty]

dans ce cas, tu vas appeler un fichier php en méthode POST. les attributs, qui sont à la base dans des formulaires, sont ici regroupés dans le .send. C'est un peu comme une method GET si tu préfères ^^

méthode GET :
fichier.php?nom_Auteur=" + nom_auteur

méthode POST :
fichier.php
xhr.send("nom_Auteur=" + nom_auteur);

"nom_Auteur" est le référentiel que tu utiliseras dans ta page php : $_GET['nom_Auteur'] ou $_POST['POST'].
Et nom_auteur sera une variable javascript.

j'ai un peu synthétisé alors si tu as d'autres questions, n'hésite pas

[jypees]

xhr.send("idAuteur="+idauteur);
idAuteur le nom de ta variable POST et idauteur la valeur. Mais send dois etre null pour une requete de type GET. De toute facon cette question est axée ajax et non pas javascript

[boubourse92]

merci pour vos reponses

j'ai suivie tes conseils Nosty , mais rien ne s'affiche dans le menu deroulant

ca c'est dans le formulaire :

Code :

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

1
2
3
4
5
6
7
8
9
// Ici on va voir comment faire du post
xhr.open("POST","ajax.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''entité
sel = document.getElementById('entite');// ca corespond a la table entite ?
ENTITE = sel.options[sel.selectedIndex].value;
xhr.send("ENTITE="+identite);

ca c'est le menu select du formulaire

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<select name='entite' id='entite' onchange='go()'>
	<option value='-1'>Aucun</option>
<?
mysql_connect("localhost","XXX","XXXXX");
mysql_select_db("plandenum");
$res = mysql_query("SELECT * FROM entite");
while($row = mysql_fetch_assoc($res))
{echo "<option value='".$row["ID_ENTITE"]."'>".$row["ENTITE"]."</option>";
}
?>
</select>

et ca le fichier de traitement PHP :

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
 
<?php
echo "<select name='numerosda'>";
if(isset($_POST["ENTITE"])){
mysql_connect("localhost","XXXXX","XXXX");
mysql_select_db("plandenum");
 
$res = mysql_query("SELECT ID_NUMEROSDA,NUMERO FROM numerosda WHERE ENTITE=".$_POST["ENTITE"].");
 
while($row = mysql_fetch_assoc($res))
{
echo "<option value='".$row["ID_NUMEROSDA"]."'>".$row["NUMERO"]."</option>";
}
	                                     }
echo "</select>";
?>

je ne sais pas si je me suis enbrouiller dans les nom avec tout les "entite" que j'ai ecrit

si tu vois une erreur je suis preneur

[Nosty]

Pour commencer, voici un petite erreure ^^

Code :

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

1
2
3
 
ENTITE = sel.options[sel.selectedIndex].value;
xhr.send("ENTITE="+identite);

ca devrait etre :

Code :

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

1
2
identite = sel.options[sel.selectedIndex].value;
xhr.send("ENTITE="+identite);

une autre là :

Code :

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

$res = mysql_query("SELECT ID_NUMEROSDA,NUMERO FROM numerosda WHERE ENTITE=".$_POST["ENTITE"].");

replace cette ligne par :

Code :

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

$res = mysql_query("SELECT ID_NUMEROSDA,NUMERO FROM numerosda WHERE ENTITE=".$_POST["ENTITE"]);

[boubourse92]

j'ai corrigé les erreurs MERCI BEAUCOUP

donc maintenant j'ai le premier menu deroulant qui affiche bien la table entité.

MAIS parce que il y a toujour un mais ^^

quand je selectionne l'entite dans le menu deroulant , le deuxieme menu n'affiche rien

ca vient peut etre de la connexion ou d'un nom de champs je vais verifier tout ca

[Nosty]

essai de faire un petit dégogage de ton javascript. c'est à dire : met quelques alert un peu partout pour voir jusqu'où va ton script et quelles valeurs ont tes variables. Ainsi, tu verras où le problème se situe.

As-tu fais ta fonction pour initialiser ton xhr ?
Ton navigateur n'est-il pas trop vieux pour gérer les XMLHttpRequest ou ActiveX ? (mais je doute que ce soit ça XD)

Le meilleur moyen d'apprendre de ses erreurs, c'est de les trouver soit même. Il suffit d'un peu de patience et de beaucoup d'alert

Bon courage

[boubourse92]

non je n'ai pas fait la fonction pour initialiser mon xhr, donc ca doit etre certainement ca

et tout cas merci beaucoup pour ton aide

[boubourse92]

ca y est ca marche !!!!!

enfaite il suffissé de remplace 'ID-ENTITE' par 'ENTITE' dans

$res = mysql_query("SELECT ID_NUMEROSDA,NUMERO FROM numerosda WHERE ID_ENTITE=".$_POST["ENTITE"]);


And the winner is BOUBOURSE

[Nosty]

Bravo boubourse

Pour éviter le problème de la fonction qui initialise ton xhr, et une fois que tu auras assimiler la philosophie d'AJAX, je te conseille d'utiliser prototype.js qui te fera gagner un maximum de temps dans le codage de tes applications.
Tu trouveras pas mal d'informations sur le site en français.

Bonne continuation