Discussion :

[me-to-you93]

Bonjour à tous

Alors voila mon probleme, j'ai dans un formulaire, utilisé AJAX pour actualiser une seconde liste deroulante à partir d'une premiere, puis actualiser une zone de texte à partir de la deuxieme... Tout ça marche bien (que sur firefox d'ailleurs je sais pas si c'est normal).

et maintenant, dans ma page de vérification du formulaire, je pensais pouvoir récuperer normalement les valeurs actualisées (notament la selection sur la deuxieme liste) en $_POST, mais PHP ne la trouve pas. C'est comme si le submit n'envoyait que les données présentes au premier affichage de la page, et donc que les parties actualisées par AJAX n'en font pas partie.

il ne rentre donc pas dans la condition suivante

Code :

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

1
2
3
if(isset($_POST['codeRef']))
{
}

Comment je peux faire ? si vous voulez une autre partie du code demandez le moi.

Merci

[tavarlindar]

Bonjour,

Je suis en plein dans l'étude d'ajax ...

Pourrais-tu nous mettre faire part de ton code ?

[me-to-you93]

oui bien sûr.

Pour simplifier le code et ne pas trop surcharger la discussion, j'ai retiré certains éléments qui peuvent faire paraitre ce script défaillant mais il marche .

Alors voici le code HTML:

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
17
18
19
20
21
22
23
24
 
<table align="center" border="0">
<tr>
      <form id="commande" name="commande" method="POST" enctype="multipart/form-data" action="vcommande.php">
</tr>
<tr>
      <td width="150" class="form">Fournisseur:</td>
      <td><!-- Jai simplifié, normalement la liste va chercher les fournisseurs dans la base de données -->
      <select name="idFournisseur" align="center" onChange="javascript:getRefs();"> 
	<option value= "0" selected>- - - - - - - -</option><? 
	<option value= "1">Four1</option>
	<option value= "2">Four2</option>				
      </select>
      </td>
</tr>
<tr id="refs">
     <!--Cest ce tr qui sera actualisé par ajax pour afficher la liste des references en fonction du fournisseur	-->
     <td width="150" class="form">Ref produit:</td>
     <td>
          <select name="codeRef">
               <option value="0">- - - - - - - -</option>
          </select>
     </td>
</tr>

La fonction AJAX getRefs() appelée par le onChange de la liste:

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
function getRefs() 
{
creerRequete();	/* initalise la variable globale "requete" */
 
var monForm = document.getElementById('commande');	
var fournisseurs = monForm.idFournisseur;	/* On récupère la valeur sélectionnée dans la liste déroulante */
var four = "";
 
for (i = 0; i < fournisseurs.options.length; i++)
{
     if (fournisseurs.options[i].selected) 
     {
          four += fournisseurs.options[i].value;
     }
}
 
var url = 'references.php?four='+four;	/* On définie l'url à appeller en passant cette valeur */
requete.open('GET', url, true);    /* Préparation d'une requête asynchrone de type GET */
 
requete.onreadystatechange = function() 
{
     if(requete.readyState == 4)		/* 4 signifie que l'état est "complete" */
     {
          if(requete.status == 200)	/* code HTTP si tout est ok */
          {
               document.getElementById('refs').innerHTML = requete.responseText;	/* Traitement de la réponse, on met à jour notre tr via son id*/
          }
     }
};
 
requete.send(null);		/* Effectue la requête */
}

La page references.php qui va traiter le resultat d'AJAX

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
17
18
19
20
 
$four = isset($_GET['four']) ? $_GET['four'] : false;
 
if($four != false)
{	?>
<td width="150" class="form">Ref produit:</td>
<td>	
     <select name="codeRef" id="codeRef" align="center" onChange="javascript:getLibArticle();">
     <? 
     $req = "ma requete";
     $req2 = mysql_query($req)or die('Erreur SQL !<br>'.$req.'<br>'.mysql_error());
 
     while($donnees = mysql_fetch_array($req2))	// On parcours toutes les ref 
     {
          echo '<option value='.$donnees['codeRef'].'>'.$donnees['codeRef'].'</option>';
     }
?>
     </select>
</td>
<?  }

[Herode]

Pour récupérer quelque chose dans $_POST côté serveur, il faut avoir utilié la méthode "post" côté client.
Or, si je lis bien ton code :

Code :

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

requete.open('GET', url, true);    /* Préparation d'une requête asynchrone de type GET */

[me-to-you93]

Oui tu as raison mais le GET que tu vois là sert pour transmettre la variable à ma page references.php, qui elle même est alors inclue dans le formulaire apres actualisation d'AJAX.

Dans references.php, je récupère bien un GET pour avoir le resultat de la requete XMLHttpRequest:

Code :

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

$four = isset($_GET['four']) ? $_GET['four'] : false;

Par contre j'ai bien un POST pour soumettre mon formulaire:

Code :

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

<form id="commande" name="commande" method="POST" enctype="multipart/form-data" action="vcommande.php">

Cependant, j'ai quand même essayé de récuperer un $_GET apres validation du formulaire, et effectivement il n'existe pas non plus.

[Herode]

Ha oui, autant pour moi, j'avais lu trop vite...
La déclaration de ton formulaire semble incorrecte : balise fermante </form> absente et de toutes façons, il faudrait la placer dans le <tr> où la balise ouvrante a été déclarée. Si tu déclares ta balise <form> correctement avant et après la <table>, ça pourrait aller mieux.