[AJAX] tuto AJAX et XMLHttpRequest

Version imprimable

16/08/2007, 10h56
boubourse92

[AJAX] tuto AJAX et XMLHttpRequest

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 :oops:

merci
16/08/2007, 12h40
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 ;)
16/08/2007, 12h41
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 ;)

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:

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:

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:

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 :)

17/08/2007, 13h54
Nosty
Pour commencer, voici un petite erreure ^^
Code:

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

1 2 identite = sel.options[sel.selectedIndex].value; xhr.send("ENTITE="+identite);
une autre là :

Code:

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

replace cette ligne par :

Code:

$res = mysql_query("SELECT ID_NUMEROSDA,NUMERO FROM numerosda WHERE ENTITE=".$_POST["ENTITE"]);
17/08/2007, 15h17
boubourse92

j'ai corrigé les erreurs MERCI BEAUCOUP:yaisse2:

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 :bug:

ca vient peut etre de la connexion ou d'un nom de champs je vais verifier tout ca
17/08/2007, 15h44
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 :lol:

Bon courage ;)
17/08/2007, 16h06
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:king:
17/08/2007, 16h17
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 :yaisse2:
20/08/2007, 10h18
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