Discussion :

[Phpx1]

Bonjour la communauté ! ,

Débutant sur HTML et PHP depuis 2 mois environ. (Pour faire une gestion classique de DVD (Ajout, sup, modif..) ,(très basique pour l'instant.... mais ça fonctionne bien ) , je suis mis ensuite à apprendre le J.S (comme ça ne suffisait pas comme ça ;-))...) avec toute la panoplie (Ajax, Jquery....) pour pouvoir faire des traitements sans avoir le besoin de recharger les pages, bref, je me suis lancé dans cette "nouvelle aventure technologique".
J'ai mon script (ajout1.php) qui comprend le formulaire de saisie et le J.S
Et mon script (ajout2.php) qui comprend la partie traitement PHP/MySQL

Mon pb c'est qu'au retour de la fonction J.S (If data == 'succes'....), il ne passe JAMAIS dans cette condition alors que j'ai bien mis Echo 'succes' dans le script php et que l'enregistrement est bien crée à chaque fois en BD.
J'ai fait un console.log(data) mais il ne m'affiche rien.....(Avec F12, je vois seulement 'ERROR' correspondant au console.log('ERROR') que j'ai mis ds l'autre partie du If.) Je me prends la tete avec ça presque 1 Sem....(peut-être un truc tout bête) SI qq a une explication, je le REMERCIE bcp d'avance.
Je vous ai joints les scripts (seulement partie JS) et le script de trait PHP. (J'espère que ma manip d'insertion du code (au format lisible) va fonctionner ...

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
50
51
<script type='text/javascript'>
 
      $(document).ready(function(){
 
         $("#Valid").click(function(e){
               e.preventDefault();
 
 
              $.post(
                'ajout2.php',
                 {
                 num      : $("#num").val(),
                 titre    : $("#titre").val(),
                 genre    : $("#Genre").val(),
                 duree    : $("#duree").val(),
                 annee    : $("#annee").val()
                 },
 
                 function(data)
                 {
 
		   console.log(data);
                   if (data == 'succes')
                      {
 
                        document.getElementById('msgfoot').style.visibility = "visible";
 
                        setTimeout( function()
                          {
                           var oMsg = document.getElementById("msgfoot");
                           oMsg.style.visibility = "hidden";
                          }, 5000);
 
 
           //    Redirection vers la meme page (les champs à vide (a saisir de nouveau)
           //            window.location.replace("ajout1.php");
 
                      }
                   else{
 
			  console.log("ERROR");
                       }
                 },
                 'text',
               );
           });
      });
 
 
 
 </script>

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<?php
 
 
//   TEST si BOUTON valide existe (a ete submit ?)
 
  if (!isset ($_POST['Valid']))
     { 
       //   echo " **** AJOU2.PHP VALID  ***** "; 
       //   echo "num : ".$_POST['num'];
       //   echo "titre : ".$_POST['titre'];
       //   echo "genre : ".$_POST['genre'];
 
 
      //  =========================================================
      //  =   INSERTION  D 'UN ENREGISTREMENT  DVD 
      //  =========================================================
 
      $bdd = new PDO('mysql:host=localhost;dbname=base1;charset=utf8','root','',array
      (PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
 
      $resultat= $bdd->prepare('INSERT INTO DVD VALUES (:num, :titre, :genre, :duree, :annee)');
      $resultat->execute(array(
                               'num' => $_POST['num'],
                               'titre' => $_POST['titre'],
                               'genre' => $_POST['genre'],
                               'duree' => $_POST['duree'],
                               'annee' => $_POST['annee']
                              ));
 
 
        if ($resultat)
           {
 
                echo "succes"; 
           }
       else
           {  
                echo "error";
           }
 
 }
?>

[Toufik83]

Salut,

il ne passe JAMAIS dans cette condition alors que j'ai bien mis Echo 'succes' dans le script php et que l'enregistrement est bien crée à chaque fois en BD.

Et en remplaçant if ($resultat) par if ($resultat->rowCount()>0) ? ça ne résout pas le problème ?

[Phpx1]

Merci Pr ton conseil.

Mais dans le script du traitement en BDD (PHP), il passe bien dans le If $resultat echo "succes" car, d'une part, je vois 'succes' avec la console (F12) et d'autre part l'enregistrement en BDD est bien crée à chaque fois....
Je ne comprends pas du tout ce qu'il se passe...??? Où je suis, malheureusement, je n'ai pas la configuration nécessaire pour continuer mes tests, mais je les reprendrais la semaine prochaine mais avant j'essaie tout de même de trouver une piste mais pour le moment je sèche...

(REM: Déjà lorsque je fais un console.log(data) et qu'il m' affiche rien, c'est quand même très bizarre....!!!!???.

[Toufik83]

Mais attends, ton script est vraiment bizarre, comment se fait-il que l'enregistrement des données dans la bd s'effectue avec ça ? :
if (!isset ($_POST['Valid'])), t'es sûr de la négation !isset()

[Phpx1]

Ah! Oui, Effectivement !!!
Je viens de voir ça... pourtant il passe bien ds ce test puisque l'enr en BD se fait bien et en plus j'avais rajouter des échos (et je les voyais) juste après le If !isset.....Encore un mystère de + :-0 ??
J'ai mis mon script ajout1.php en entier (au cas où...)

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
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!--  ***************  INSERTION des PARTIES (HEADER, MENU, FOOTER,...) ***** -->
 
        <?php include("menuDVD.php"); ?>   
 
<!--  ******************************************************** -->
 
<!DOCTYPE html>
<HTML>
 <head>
  <title> Accès aux applications </title>
      <meta charset="utf-8"/>
      <link rel="stylesheet" href="ajout1.css"/>
      <script src="jquery-3.4.1.js"></script>
 
 
      <style>
         #msgfoot {
         visibility:hidden;
         text-align: center; 
         left:500px;
         width: 400px;
         height: 25px;
         position:absolute;
         bottom: 0px; 
         background:green;
             }
      </style>      
 
 
  <script type='text/javascript'>
 
      $(document).ready(function(){
 
         $("#Valid").click(function(e){
               e.preventDefault();
               
 
              $.post(
                'ajout2.php',
                 {
                 num      : $("#num").val(),
                 titre    : $("#titre").val(),
                 genre    : $("#Genre").val(),
                 duree    : $("#duree").val(),
                 annee    : $("#annee").val()
                 },
                                 
                 function(data)
                 {
                    
                   console.log(data);
                   if (data == 'succes')
                      {
            
                        document.getElementById('msgfoot').style.visibility = "visible";
           
                        setTimeout( function()
                          {
                           var oMsg = document.getElementById("msgfoot");
                           oMsg.style.visibility = "hidden";
                          }, 5000);
 
 
           //    Redirection vers la meme page (les champs à vide (a saisir de nouveau)
           //            window.location.replace("ajout1.php");
          
                      }
                   else{
                                                        
                          console.log("ERROR");
                       }
                 },
                 'text',
               );
           });
      });
 
                      
 
 </script>
 
 
 
 
 </head>
 
 
 
<!-- ===========================================================  -->
<!-- =          APPEL  PHP                                        --> 
<!-- ===========================================================  -->
 
<?php
try
{
      // On se connecte ? MySQL
      $bdd = new PDO('mysql:host=localhost;dbname=base1;charset=utf8','root','',array
      (PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION)); 
}
 
catch(Exception $e)
{
      // En cas d'erreur on affiche un msg et on arr?te tout
             die('Erreur : '.$e->getmessage());
 
}
   
 
$reponse = $bdd->query('SELECT max(Num) AS cpt FROM DVD');
$donnees = $reponse->fetch();
$cpt = $donnees['cpt'];
++$cpt;
 
 
         //  ************************************************************
         //  *                AFFICHER  FORMULAIRE 
         //  ************************************************************
         
?>
 
 
 <form class="formulaire" method="post" action="ajout2.php" >
          <div>
                <label for="Titre">.Titre : </label>
                <input type="text" id="titre" name="Titre" size="30" required>
                <label for="Num">      .Num : </label><input type="number" id="num" name="Num" size="3" readonly="readonly"
                 value="<?php echo $cpt; ?>" />
                <br/> <br/>
          </div>
 
          <div>
                <label for="Genre">.Genre : </label>
                <select name="Genre" id="Genre" >
                      <option value="Thriller">Thriller</option>
                      <option value="Comedie">Comedie</option>
                      <option value="SF">SF</option>
                      <option value="Aventures">Aventures</option>
                      <option value="Drame">Drame</option>
                      <option value="Guerre">Guerre</option>
                      <option value="Western">Western</option>
                      <option value="Musical">Musical</option>
                      <option value="Documentaire">Documentaire</option>
                      <option value="Autre">Autre</option>
                </select>
                <br/><br/>
 
          </div>
          <div>
                <label for="Duree">.Duree : </label>
                <input type="text" id="duree" name="Duree" size="5"   maxlength="5"> 
                <br/><br/>
          </div>
          <div>
                <label for="Annee">.Annee : </label>
                <input type="number" id="annee" name="Annee" size="4" maxlength="4">
                <br/>
          </div>
          <div id="Valid">
                <button type="submit" name="Valid" value="OKValid" style="padding : 15px"> VALIDER </button>
          </div>
 
 
              <div id="msgfoot" > ENREG CREE </div>
 
 
      </form>
 
 
 
 
</html>

[Toufik83]

Alors là, tu montre tout le code qui ME PERMET d'identifier plusieurs trucs mal placés :

Un formulaire est soumis lorsqu'on clique sur le bouton type="submit", alors que toi tu attaches l'écouteur du clic sur le <div id="Valid"> et c'est pour ça que la condition if(!isset($_POST["Valid"])) fonctionne, parce qu'au moment du clic sur le div il n'y a pas de variable Valid envoyée dans le data de $.post.

J'en déduis que le formulaire est soumis avec javascript (sans rechargement de page et sans l'existence de "Valid").

en gros, voilà comment tu dois écrire ton code 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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
$("form.formulaire")//la classe du <form>
   .submit(function(e){//lorsqu'on soumet le formulaire
        e.preventDefault();
        $.post('ajout2.php',
                 {
                 num      : $("#num").val(),
                 titre    : $("#titre").val(),
                 genre    : $("#Genre").val(),
                 duree    : $("#duree").val(),
                 annee    : $("#annee").val()
                 },
 
                 function(data)
                 {
 
		   console.log("data retour ajax :"+data);
                   if (data == 'succes')
                      {
 
                        document.getElementById('msgfoot').style.visibility = "visible";
 
                        setTimeout( function()
                          {
                           var oMsg = document.getElementById("msgfoot");
                           oMsg.style.visibility = "hidden";
                          }, 5000);
 
 
           //    Redirection vers la meme page (les champs à vide (a saisir de nouveau)
           //            window.location.replace("ajout1.php");
 
                      }
                   else{
 
			  console.log("ERROR");
                       }
                 },
                 'text');//une virgule après 'text' en trop, supprimes la
});

Et n'oublis pas aussi de supprimer la condition isset() dans le fichier php, car elle ne sert à rien !