[AJAX] Méthode $_POST qui ne fonctionne pas

Version imprimable

Salut,

La méthode $_POST ne fonctionne pas dans une fonction JavaScript :?

Voici un extrait du code de ma page principale :

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
...
<script language="javascript">
function AjoutRelation()
{
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("POST","relation.php", true);
xmlhttp.send();
}
</script> 
...
<?php
$sql = "SELECT * FROM T_TABLE";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); 
echo "<select name='parent' size='10' onchange='AjoutRelation()'>";
while($data = mysql_fetch_assoc($req))
{
echo "<option value=\"".$data['ID']."\">".htmlentities($data['LIB'])."</option>";
}?>
</select>
<input type='button' value='Executer' />
...

Et mon fichier relation.php :

Code:

1
2
3
4
5
6
7
8
9
10
<?php 
include "includes/config.php"; 
$id1 = $_POST['mot'];
$id2 = $_POST['parent'];
$niv = 1;
$tp = "Null";
$sql = "INSERT INTO T_TABLE (ID1, ID2, NIV, TYPE) VALUES ('".$id1."', '".$id2."', '".$niv."', '".$tp."')";
echo $sql;
$req = mysql_query($sql);
?>

Cela ne récupère pas les données issues des $_POST :oops:
Une ligne est bien rajoutée mais avec la valeur 0 pour id1 et id2.

:fleche: Avez-vous une idée ou se trouve mon erreur ?

@+.

21/04/2014, 18h28
Bovino

Code:

xmlhttp.send();

Tu n'envoies aucune valeur, donc effectivement, tu ne peux pas les récupérer en PHP ! :aie:
21/04/2014, 18h52
zoom61

Mais avec un POST, il ne doit pas y avoir de valeur, vu qu'il doit récupérer les valeurs de la page en cours :koi:

@+.
21/04/2014, 19h01
Bovino

:nono:

Envoyer une requête AJAX n'est pas la même chose que soumettre un formulaire.
Lorsque tu soumets un formulaire, le navigateur sait qu'il faut associer à la requête les valeurs associées au formulaire que tu soumets, mais pour une requête AJAX, c'est à toi de dire quelles valeur est envoyée. Aucun formulaire n'est associé à une requête AJAX.
21/04/2014, 19h10
zoom61
Alors comment récupérer les deux valeurs qui sont dans la page :
Code:

1 2 $id1 = $_POST['mot']; $id2 = $_POST['parent'];
Comme ceci : onchange='AjoutRelation(mot.value, this.value)'.

@+.
21/04/2014, 19h15
Bovino

Ben... en les envoyant ! :mrgreen:

Pour parent, le plus simple est de lui donner un id (par exemple parent) et de récupérer sa valeur. Pour mot, il n'apparait pas dans ton code, donc je suppose qu'il s'agit aussi d'un input auquel on associe l'id idoine :

Code:

xmlhttp.send('parent='+document.getElementById('parent').value+'&mot='+document.getElementById('mot').value);

En fait, un peu comme indiqué dans n'importe quel tuto quoi...

J'ai modifié le code comme dit :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script language="javascript">
function AjoutRelation()
{
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("POST","relation.php", true);
xmlhttp.send('parent='+document.getElementById('parent').value+'&mot='+document.getElementById('mot').value);
}
</script>

Mais plus rien ne s'ajoute dans ma table :koi:

Code:

1
2
3
4
5
6
7
<?php 
include "includes/config.php"; 
$id1 = $_POST['mot'];
$id2 = $_POST['parent'];
$niv = 1;
$tp = "Null";sql = "INSERT INTO T_TABLE (ID1, ID2, NIV, TYPE) VALUES ('".$id1."', '".$id2."', '".$niv."', '".$tp."')";$req = mysql_query($sql);
?>

@+.

22/04/2014, 08h43
andry.aime

Bonjour,

Pour la méthode POST, tu dois ajouter

Code:

xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

Intercepte aussi le retour du serveur dans xmlhttp.onreadystatechange si le traitement a été bien effectué ou il y avait d'erreur.

A+.

Cela ne fonctionne toujours pas, voici mon code entier :

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
50
51
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<meta name="description" content="" />
<title>Titre</title>
<script language="javascript">
function AjoutRelation()
{
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("POST","relation.php", true);
xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
xmlhttp.send("parent="+document.getElementById('parent').value+"&mot="+document.getElementById('mot').value);
}
</script>    
</head>
<body>
    <?php include "includes/config.php"; ?>
    <div id="contenu">
        <table border="0" width="100%" height="100%">
            <tr>
                <td width="5%">&nbsp;</td>
                <td width="45%">
                    <b>Termes parents :</b><br/>
                    <input size="30" type="hidden" value="<?php echo "15"; ?>" name="mot" />
                    <?php
                    $sql = "SELECT ID, LIB FROM T_TABLE ORDER BY LIB";
                    $req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); 
                    echo "<select name='parent' size='10' onchange='AjoutRelation()'>";
                    while($data = mysql_fetch_assoc($req))
                        {
                        echo "<option value=\"".$data['ID']."\">".htmlentities($data['LIB'])."</option>";
                        }?>
                    </select>
                    <input type='button' value='Executer' />
                </td>
                <td width="5%">&nbsp;</td>
            </tr>
        </table>
    </div>
 
</body>
</html>

:fleche: Où ai-je une erreur ?

@+.

23/04/2014, 12h32
andry.aime

Re,

Tes éléments de formulaires n'ont pas d'id or que tu tentes d'y accéder avec getElementById().

A+.
23/04/2014, 18h26
zoom61

Oups, je savais bien que c'était simple :lol:

Merci.

@+.