Bonjour à tous,

J'ai un problème lors d'une insertion à la base de données. J'ai une popup modal qui contient un formulaire. Lors du click sur le bouton ayant pour identifiant #ajoutUtilisateurSubmit celui-ci sauvegarde un utilisateur sur la base de données.

Je constate que lors d'ajout d'un utilisateur celui-ci exécute l'insertion de 1 à plusieurs fois sans que je comprenne pourquoi. Dans ma sortie console, j'ai plusieurs fois
Code : Sélectionner tout - Visualiser dans une fenêtre à part
console.log('success');
et
Code : Sélectionner tout - Visualiser dans une fenêtre à part
console.log('complete');
alors qu'il n'y a eu qu'un click.

Si quelqu'un pouvait m'expliquer ce que je fais de faux je lui en serai très reconnaissant.

Voici mon code
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
 
//Affichage ajouter utilisateur
                $('#bntAjoutUtilisateur').click(function(){
                    $('#modal-ajoutUtilisateur').modal('show');
                    //Vide le formulaire s'il est rempli
                    $('#frmAjoutUtilisateur')[0].reset();                  
                    //Vide les messages s'il y en a
                    $('#msgAjoutUtilisateur').empty();
                    console.log('Affichage ajout user !');
                    //Click ajout utilisateur
                    $('#ajoutUtilisateurSubmit').click(function(){
                        console.log('Enregistrement user !');                        
                        //Configuration de l'objet Ajax
                        $.ajax({
                            'url'         : 'fonction/parametreAjax.php',
                            'type'        : 'POST',
                            'dataType'    :'json',
                            'data'        : {
                                'ajoutUser'        : $('#ajoutUser').val(),
                                'ajoutNom'         : $('#ajoutNom').val(),
                                'ajoutPrenom'      : $('#ajoutPrenom').val(),
                                'ajoutTel'         : $('#ajoutTel').val(),
                                'ajoutEmail'       : $('#ajoutEmail').val(),
                                'ajoutRole'        : $('#ajoutRole').val(),
                                'ajoutUtilisateurSubmit' : $('#ajoutUtilisateurSubmit').val()
                            },
                            'success'     : function(obj){                                
                                $('#msgAjoutUtilisateur').empty();
                                console.log('success');
                            },
                            'error'       : function(xhr,textStatus, errorThrown){
                                if(xhr.status == 400){
                                    $('#msgAjoutUtilisateur').empty();
                                    var dataJson = $.parseJSON(xhr.responseText);
                                    $.each(dataJson.ajoutUtilisateurErreur, function(i, item){
                                        $('#msgAjoutUtilisateur').append('<li>'+item+'</li>');
                                    });
                                    console.log(xhr.responseText);
                                } 
                            },
                            'complete'    : function(){                            
                                console.log('complete');
                            }
                            //Fin requête ajax 
                        });
                        //Fin click ajout utilisateur
                    });
                    //Fin affichage ajout utilisateur  
                });
Merci à tous pour votre aide.