Insertion dans une base de données
Bonjour à tous, je voulais faire des enregistrements dans ma BD sans recharger ma page voici comment j'ai procédé:
formulaire :
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
| <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:
1
2
| <script src="../js/jquery-3.2.0.js"></script>
<script src="../js/addReservation.js"></script> |
et du coté de addReservation.js :
Code:
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.
