Discussion :

[cobos]

Bonjour à tous, je voulais faire des enregistrements dans ma BD sans recharger ma page voici comment j'ai procédé:
formulaire :

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
<div id="formreservation">
        <form name="register" method ="post" action="../traitements/reservations.php" enctype="multipart/form-data" id="form">
            <table id="adduser" >
                <tr>
                    <td>Nom: </td>
                    <td> <input type ="text" name="nom" required> </td>
                </tr>
                <tr>
                    <td>Prenom: </td>
                    <td> <input type ="text" name="prenom"> </td>
                </tr>
                <tr>
                    <td>Télephone: </td>
                    <td> <input type ="text" name="tel" required> </td>
                </tr>
                <tr>
                    <td>E-mail: </td>
                    <td> <input type ="text" name="mail" required> </td>
                </tr>
                <tr>
                    <td> Date de la réservation: </td>
                    <td> <input type ="date" class="inscription" name="datereservation" required > </td>
                </tr>
                <tr>
                    <td>Date départ: </td>
                    <td> <input type ="date" class="inscription" name="datedepart" required> </td>
                </tr>
                <tr>
                    <td>Date de retour: </td>
                    <td> <input type ="date" class="inscription" name="dateretour" required> </td>
                </tr>
                <tr>
                    <td>Destination: </td>
                    <td> <input type ="text" name="destination" required> </td>
                </tr>
                <tr>
                    <td> </td>
                    <td> <input type="submit" value="RESERVER" id="sub"> </td>
                </tr>
 
            </table>
        </form>
        <span id="resultat"></span>

j'ai inclus mes pages JS en bas de la page

Code :

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

1
2
<script src="../js/jquery-3.2.0.js"></script>
<script src="../js/addReservation.js"></script>

et du coté de addReservation.js :

Code :

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

1
2
3
4
5
6
$("#sub").click(function() {
    $.post( $("#myform").attr("action"), $("#form :input").serializeArray(), function (info) {
    $("#resultat").html(info) });
})
$("#form").submit(function() {
    return false;});

le problème est que quand j'envoie le formulaire le contenu de ma page se duplique je ne sais pourquoi.

[badaze]

Que veux tu dire par "se duplique" ?

[cobos]

tous les éléments de la page du formulaire deviennent double même le formulaire

[badaze]

Tu as regardé si ce n'était pas dû à <span id="resultat"></span> ?
Mets un tag <hr/> juste avant. Si la duplication se fait après la "barre" qui est affichée alors c'est ça.

[cobos]

J'ai vérifié et c'est pas ça, je l'ai même commenté.