IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Evènement se lance plusieurs fois


Sujet :

jQuery

  1. #1
    Membre averti Avatar de LhIaScZkTer
    Inscrit en
    Mai 2004
    Messages
    564
    Détails du profil
    Informations personnelles :
    Âge : 42

    Informations forums :
    Inscription : Mai 2004
    Messages : 564
    Points : 301
    Points
    301
    Par défaut Evènement se lance plusieurs fois
    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.
    Sun Certified Java Programmer, SE 6 et Sun Certified Web Component Developer, J2EE 5

  2. #2
    Membre averti Avatar de LhIaScZkTer
    Inscrit en
    Mai 2004
    Messages
    564
    Détails du profil
    Informations personnelles :
    Âge : 42

    Informations forums :
    Inscription : Mai 2004
    Messages : 564
    Points : 301
    Points
    301
    Par défaut
    Apparemment je suis pas bien réveillé ce matin

    J'ai sorti toute la partie
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    //Click ajout utilisateur
        $('#ajoutUtilisateurSubmit').click
    de
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    //Affichage ajouteur utilisateur
        $('#bntAjoutUtilisateur').click
    et ça a réglé le problème. Je vais devoir en modifier du code...

    J'espère que ça pourra aider d'autre personne.

    Bonne journée à tous.
    Sun Certified Java Programmer, SE 6 et Sun Certified Web Component Developer, J2EE 5

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. "#pragma exit" se lance plusieurs fois
    Par ShaiLeTroll dans le forum C++Builder
    Réponses: 1
    Dernier message: 06/01/2011, 11h39
  2. Réponses: 2
    Dernier message: 26/04/2010, 15h52
  3. /etc/init.d/script qui se lance plusieurs fois
    Par N_BaH dans le forum Administration système
    Réponses: 1
    Dernier message: 01/11/2009, 06h55
  4. Réponses: 2
    Dernier message: 27/12/2008, 17h47
  5. script python lancé plusieurs fois
    Par devconf77 dans le forum Général Python
    Réponses: 2
    Dernier message: 03/05/2007, 17h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo