[AJAX] Ajax et Insert into

Version imprimable

Bonjour,

J’essaie de faire un page avec de l'Ajax qui permet d’insérer des informations dans une base de donnée.

L'insertion dans la base de données fonctionne, mais les champs sont vides.

Je ne sais pas d'où vient l'erreur.

Voici le code HTML :

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
 
<form action="ajoutUtilisateur.php" method="GET">
                        <table >
                            <tr>
                                <td>Nom : </td><td><input type="text" name="nom" ></td>
                            </tr>
                            <tr>
                                <td>Pr&eacute;nom :</td><td><input type="text" name="prenom"/></td>
                            </tr>
                            <tr>
                                <td>Email : </td><td><input type="text" name="email"/></td>
                            </tr>
                            <tr>
                                <td>Adresse : </td><td><input type="text" name="adresse"/></td>
                            </tr>
                            <tr>
                                <td>Tel : </td><td><input type="text" name="tel"/></td>
                            </tr>
                            <tr>
                                <td>www : </td><td><input type="text" name="www"/></td>
                            </tr>
                        </table>
                        <input type="button" value="Ajouter" onclick="ajouter()" />
                    </form>

Le code PHP :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<?php 
 
mysql_connect('localhost', 'root', 'root');
mysql_select_db("annuaire");
 
 
$nom = $_GET['nom'];
$prenom = $_GET['prenom'];
$email = $_GET['email'];
$telephone = $_GET['telephone'];
$adresse = $_GET['adresse'];
$www = $_GET['www'];
 
 
$query = "INSERT INTO utilisateur (nom,prenom,email,telephone,adresse,www) VALUES ('$nom','$prenom','$email','$telephone','$adresse','$www')";
mysql_query($query);
 
 
?>

Et le code JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function ajouter(){
    var xhr = getXhr()
    // On défini ce qu'on va faire quand on aura la réponse
    xhr.onreadystatechange = function(){
        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xhr.readyState == 4 && xhr.status == 200){
            alert(xhr.responseText);
            actualiser();
        }
    }
    xhr.open("GET","ajoutUtilisateur.php",true);
    xhr.send(null);
}

PS : Je débute en ajax

30/08/2011, 03h16
Mohamed_DEV
salut,

c'est normal que les champs soient vides car il te faut récupérer les données saisies d'abord et après les envoyer vers la page de traitement.

pour récupérer les données saisies tu peux ajouter des "id" à tes input.

pour envoyer les données tu les insères dans l'url
Code:

1 2 3 xhr.open("GET","ajoutUtilisateur.php?var1="+var1+"&var2="+var2,true); xhr.send(null);
30/08/2011, 07h21
andry.aime

Bonjour,

Il est aussi préférable de tester coté client si les variables sont bien envoyé avec la fonction php isset() ou empty() avant de faire des traitements si les champs sont obligatoires.

A+
30/08/2011, 07h53
kOrt3x
Citation:
Envoyé par Mohamed_DEV

salut,

c'est normal que les champs soient vides car il te faut récupérer les données saisies d'abord et après les envoyer vers la page de traitement.

pour récupérer les données saisies tu peux ajouter des "id" à tes input.

pour envoyer les données tu les insères dans l'url

Code:

1 2 3 xhr.open("GET","ajoutUtilisateur.php?var1="+var1+"&var2="+var2,true); xhr.send(null);
ok, merci, je vais tester ça.

Et je vais aussi ajouter des contrôle PHP pour vérifier si les champs sont vides par la suite.