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

AJAX Discussion :

[AJAX] Formulaire et ajax


Sujet :

AJAX

  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2013
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2013
    Messages : 124
    Points : 310
    Points
    310
    Par défaut [AJAX] Formulaire et ajax
    Bonjour,

    J'aimerai avoir un retour ajax de la réussite ou non de l'insertion en bdd.

    Le formulaire
    Code html : 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
    <FORM id="new_mess_form" enctype="multipart/form-data" action="test1.php" method="POST">
        <INPUT id="id_expediteur" name="id_expediteur" type="hidden"  value="<?php echo $_SESSION['auth_id'] ?>" />
        <SELECT name="id_destinataire" >
            <OPTION value="0">Destinataire</OPTION>
                <?php
                $req = Cnx::connectCnx()->prepare('SELECT equipe.id, equipe.nom, equipe.prenom FROM equipe  WHERE id_societe=:id AND id<>:id AND activate=1 ORDER BY nom');
                $req->execute(array('id' => $Auth->user('id')));
                    while($user=$req->fetch(PDO::FETCH_OBJ)) {
                        echo '<OPTION name="destinataire" value="'.$user->id.'">'.ucfirst($user->nom). ' ' .ucfirst($user->prenom).'</OPTION>';
                    }
                ?>
        </SELECT>
        <br />
        <INPUT id="titre_mess" name="titre_mess" type="text"  value="<?php if(!empty($_POST['titre_mess'])) : echo htmlspecialchars($_POST['titre_mess'], ENT_QUOTES); endif; ?>" placeholder="Titre *" maxlength="35"><br />
        <TEXTAREA  name="message" value="<?php if(!empty($_POST['message'])) : echo htmlspecialchars($_POST['message'], ENT_QUOTES); endif; ?>" placeholder="Votre message"></TEXTAREA><br />
        <INPUT type="hidden" name="MAX_FILE_SIZE" value="2097152">    
        <INPUT type="file" name="piece_jointe"><br>
        <INPUT type="submit" name="new_mess" value="Envoyer"/>   
    </FORM>
    Le php
    Code php : 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
     //verification des champs
        $erreur = verifMess();
     
        // pas d'erreur
        if(empty($erreur)){
     
            try {
                 $resultat = Cnx::connectCnx()->prepare('INSERT INTO messagerie (id_expediteur, id_destinataire, titre_mess, message, piece_jointe, date_mess) VALUES(:id_expediteur, :id_destinataire, :titre_mess, :message, :piece_jointe, :date_mess)');
                $resultat->bindValue(':id_expediteur', $_POST['id_expediteur']);
                $resultat->bindValue(':id_destinataire', $_POST['id_destinataire']);
                $resultat->bindParam(':titre_mess', $_POST['titre_mess']);
                $resultat->bindValue(':message', $message);
                $resultat->bindParam(':piece_jointe', $fichier);
                $resultat->bindValue(':date_mess', date('Y-m-d H:i:s'),PDO::PARAM_STR);
                $resultat->execute();
                echo'ok';
            }
                catch (PDOException $e) {
                    echo '<div class="error">Erreur SQL : ' . $e->getMessage().'</div>';
                }
        } else {
            echo '<div class="new_mess_erreur">';
            foreach ($erreur as $e) {
                echo '<p>'.$e, '</p>';
            }
            echo '</div>';
        }
    }
    Le JS
    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
    $(function(){
        $('form#new_mess_form').submit( function(e) {
             e.preventDefault();
             var data = $(this).serialize();
            $.ajax({
                type: $(this).attr('method'),
                url: $(this).attr('action'),
                data: data,
                success: function(){
                    if(data=!'ok'){
                        alert('non')
                    }
                    else{
                        alert('ok')
                    }
                }
             });
            return false;
        });
    });

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    pas tout regardé mais je note toutefois ceci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    success: function () {
      if (data = !'ok') {    // data est récupéré OU !!!!
        alert('non')
      }
      else {
        alert('ok')
      }
    }
    il te faut mettre data en paramètre à la fonction sur le success< success: function (data) {>

    La lecture de la documentation officielle est souvent un excellent (indispensable) réflexe jQuery.ajax().

  3. #3
    Membre averti
    Homme Profil pro
    Inscrit en
    Août 2013
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2013
    Messages : 124
    Points : 310
    Points
    310
    Par défaut
    Salut NoSmoking,

    En fait je ne connais pas l'ajax, j'ai donc suivi comme j'ai pu des tutos mais qui à chaque fois ne fonctionnent pas dans mon cas.
    ce fameux data dot être récupéré grâce à echo "ok"; se trouvant sur la page php.
    mais peut être me suis je complètement planté.
    Je recherche à faire quelque chose que je soupçonne très simple mais que je ne saisi pas.
    une validation simple en ajax.
    Que ce soit la validation d'un formulaire, la suppression d'un ligne dans un tableau etc... sans rechargement de page.
    Si tu as un bon lien, un bon tuto, je suis vraiment preneur car je galère depuis 2 3 jours maintenant.
    Merci

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Avant toutes choses
    - Les meilleurs cours et tutoriels pour apprendre l'AJAX
    ensuite
    - Comprendre les mécanismes d'AJAX
    voila pour commencer et bien comprendre.

Discussions similaires

  1. [AJAX] formulaire "intelligent" ajax
    Par taffMan dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 23/02/2008, 17h33
  2. [AJAX] Formulaire en AJAX
    Par Khleo dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/02/2008, 10h15
  3. [AJAX] Formulaire et ajax
    Par wacha dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 22/01/2008, 23h40
  4. [AJAX] Formulaire sous AJAX !!!
    Par urai1 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/03/2007, 21h36
  5. [AJAX] Formulaire en AJAX
    Par myriam.kone dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/11/2006, 13h41

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