Discussion :

[zoom61]

Salut,

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

Voici un extrait du code de ma page principale :

Code php :

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
...
<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 php :

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

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
Une ligne est bien rajoutée mais avec la valeur 0 pour id1 et id2.

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

@+.

[Bovino]

Code :

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

xmlhttp.send();

Tu n'envoies aucune valeur, donc effectivement, tu ne peux pas les récupérer en PHP !

[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

@+.

[Bovino]

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.

[zoom61]

Alors comment récupérer les deux valeurs qui sont dans la page :

Code :

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

1
2
$id1 = $_POST['mot']; 
$id2 = $_POST['parent'];

Comme ceci : onchange='AjoutRelation(mot.value, this.value)'.

@+.

[Bovino]

Ben... en les envoyant !

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 :

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

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

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

[zoom61]

J'ai modifié le code comme dit :

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

Code php :

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

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);
?>

@+.

[andry.aime]

Bonjour,

Pour la méthode POST, tu dois ajouter

Code :

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

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+.

[zoom61]

Cela ne fonctionne toujours pas, voici mon code entier :

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

Où ai-je une erreur ?

@+.

[andry.aime]

Re,

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

A+.

[zoom61]

Oups, je savais bien que c'était simple

Merci.

@+.