[AJAX] Lier 2 listes avec un Select

Merci, j'ai enlevé les accolades en trop mais sinon aucune erreur dans le php ne s'affiche...
C'est bien le data qui pose problème, il faut passer la valeur du poste aussi, pourtant la syntaxe est bien celle-ci dans la doc d'ajax

Code:

data: {status: status, name: name},

Citation:

Envoyé par fredericbdr

il faut passer la valeur du poste aussi

pourquoi tu veux récupérer la variable "poste" avec ajax, alors que tu peux l'avoir depuis la requête mysql que tu as mis ?

Code:

SELECT DISTINCT Poste FROM room WHERE Bureau = ".$_POST['bureau']." AND disponible = 'Libre' ORDER BY Poste ASC

C'est en fonction de $_POST['bureau'] que t'auras la valeur du champ Poste correspondant avec $row['Poste'], non ?

Oui c'est bien ça, c'est en fonction du bureau que je récupère la valeur du poste.
Mais ce $row['Poste'] dans ajaxData.php, choisi dans une balise select, mettons qu'elle a 4 valeurs, a,b,c ou d, comment je la récupére dans reservation.php et l'insérer dans une table.
Car je veux bien enregistrer cette valeur et la mettre dans une table d'où mon
Code:

1 2 $requete = $db->prepare("INSERT INTO roombook (FName,LName,Email,Permanent,Equipe,Statut,Bureau,Poste,cin,cout) values(?, ?, ?, ?, ?, ?, ?, ?, ?, ?)"); $requete->execute(array($FName,$LName,$email,$perm,$equipe,$statut,$bureau,$poste,$cin,$cout));
sauf que je ne sais pour quelle raison, $poste est vide...

Je viens d'apercevoir des erreurs dans AjaxData.php :

:fleche: Tu utilises seulement le champ "Poste" dans la requête et ensuite tu veux récupérer la valeur de $row['id'], Il faut ajouter "id" dans la requête.
:fleche: $requete->fetch_assoc() n'existe pas en PDO (tu mélanges l'api mysql avec pdo), il faut mettre $requete->fetch() tout simplement.

Correction :
Code:

1 2 3 4 5 6 $requete = $con->query("SELECT DISTINCT Poste,id FROM room WHERE Bureau = ".$_POST['bureau']." AND disponible = 'Libre' ORDER BY Poste ASC"); $rowCount = $requete->rowCount(); while($row = $requete->fetch()) { ... }
Pour voir la réponse du serveur, ouvre l'outil de développement du navigateur, clique sur l'onglet Network.
à chaque "change" de ton <select name="bureau" /> un objet XHR (dans le sous onglet XHR) est envoyé vers ajaxData.php.
Clique dessus, un menu à droite s'ouvre avec 5 onglets (Headers,Preview,Response,Cookies,Timing), ce qui nous intéresse le plus c'est l'onglet Response qui contient la réponse du serveur.

Erreur internal server error 500 et rien dans la réponse...
C'est bien ça pour les data : data:'bureau='+bureau, ?

Bonjour,

comment veux-tu qu'on t'apporte une aide EFFICACE si tu ne montres que des bouts éparpillés de ton code ??

Ok désolé, mais comme j'avais posté déjà mes fichiers...
Bon les voilà à partir de maintenant:

reservation.php:

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
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<?php
session_start();
 
if(!isset($_SESSION["user"]))
{
 header("location:index.php");
}
require 'db.php';
 
$FName = $LName = $email = $perm = $equipe = $statut = $bureau = $poste = $cin = $cout = "";
 
if(!empty($_POST)) {
        $FName      = checkInput($_POST['FName']);
        $LName      = checkInput($_POST['LName']);
        $email      = checkInput($_POST['Email']);
        $perm       = checkInput($_POST['Perm']);
        $equipe     = checkInput($_POST['Equipe']);
        $statut     = checkInput($_POST['Statut']);
        $bureau     = checkInput($_POST['bureau']);
        $poste      = checkInput($_POST['poste']);
        $cin        = checkInput($_POST['cin']);
        $cout       = checkInput($_POST['cout']);
        $isSuccess  = true;
 
        $db = Database::connect();
        $requete = $db->prepare("SELECT * FROM roombook WHERE Email = ?");
        $requete->execute(array($email));
            if($requete->rowCount() > 0)
            { 
                echo "<script type='text/javascript'> alert('Cet utilisateur existe déjà.')</script>";
            }
        Database::disconnect();
 
               if (($isSuccess)) {
                    $db = Database::connect();
                    $requete = $db->prepare("INSERT INTO roombook (FName,LName,Email,Permanent,Equipe,Statut,Bureau,Poste,cin,cout) values(?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");
                    $requete->execute(array($FName,$LName,$email,$perm,$equipe,$statut,$bureau,$poste,$cin,$cout));
        }   
            Database::disconnect();
            header("Location: home.php");
    }
 
function checkInput($data)
{
    $data = trim($data);
    $data = stripslashes($data);
    $data = htmlspecialchars($data);
    return $data;
}
?>
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>RESERVATION DE POSTES DE TRAVAIL</title>
	<!-- Bootstrap Styles-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
     <!-- FontAwesome Styles-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
        <!-- Custom Styles-->
    <link href="assets/css/custom-styles.css" rel="stylesheet" />
     <!-- Google Fonts-->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css" />
    <!-- jQuery Js -->
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <script src="assets/js/jquery.min.js"></script>
 
</head>
 
    <script>
        $(function(){
            $('#bureau').on('change',function(){
        var bureau = $(this).val();
        if(bureau){
            $.ajax({
                type:'POST',
                url:'ajaxData.php',
                data:'bureau='+bureau,
                success:function(html){
                    $('#poste').html(html); 
                },
                error:function(err){
                    alert("Erreur ajax :"+err.responseText);
                }
            }); 
        }else{
            $('#poste').html('<option value="">Select bureau first</option>');
        }
    });
 
        });
    </script>
 
<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="home.php">Bonjour <?php echo $_SESSION["user"]; ?> </a>
            </div>
 
            <ul class="nav navbar-top-links navbar-right">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                        <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="usersetting.php"><i class="fa fa-user fa-fw"></i> User Profile</a></li>
                        <li><a href="settings.php"><i class="fa fa-gear fa-fw"></i> Paramètres</a></li>
                        <li class="divider"></li>
                        <li><a href="logout.php"><i class="fa fa-sign-out fa-fw"></i> Déconnexion</a></li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
        </nav>
        <!--/. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li><a href="home.php"><i class="fa fa-dashboard"></i> Statut</a></li>
                    <li><a class="active-menu" href="reservation.php"><i class="fa fa-bar-chart-o"></i> Affecter un personnel à un bureau</a></li>
                    <li><a href="room.php"><i class="fa fa-qrcode"></i> Gestion des bureaux</a></li>
                    <li><a href="freeroom.php"><i class="far fa-thumbs-up"></i> Disponibilité</a></li>
                    <li><a href="logout.php"><i class="fa fa-sign-out fa-fw"></i> Déconnexion</a></li>
				</ul>
            </div>
 
        </nav>
 
        <div id="page-wrapper" >
            <div id="page-inner">
			 <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-header">
                            Affectation d'un poste de travail à un personnel <small></small>
                        </h1>
                    </div>
                </div> 
 
            <div class="row">
 
                <div class="col-md-6 col-sm-6">
                    <!--<div class="panel panel-primary">-->
                        <div class="panel-heading">
                            INFORMATIONS
                        </div>
                        <!--<div class="panel-body">-->
						<form class="form" role="form" action="reservation.php" method="post" enctype="multipart/form-data">
 
							  <div class="form-group">
                                            <label for="LName">Nom</label>
                                            <input name="LName" id="LName" class="form-control" value="<?php echo $LName; ?>" required>
                               </div>
							   <div class="form-group">
                                            <label for="FName">Prénom</label>
                                            <input name="FName" id="FName" class="form-control" value="<?php echo $FName; ?>" required>
                               </div>
							   <div class="form-group">
                                            <label for="Email">Email</label>
                                            <input name="Email" id="Email" type="email" class="form-control" value="<?php echo $email; ?>" required>
 
                               </div>
							   <div class="form-group">
                                            <label for="Perm">Permanent</label>
                                            <label class="radio-inline">
                                                <input type="radio" name="Perm" value="Permanent" checked="">Oui
                                            </label>
                                            <label class="radio-inline">
                                                <input type="radio" name="Perm" value="Non permanent">Non 
                                            </label>
 
                                </div>
 
								<?php $team = array("Athena", "Clarte", "Comix", "Concept", "Dimabio", "Epsilon", "GSM", "Hipe", "ILM", "Mosaic", "Phyti", "RCMO", "Semo", "Imothep", "Services communs"); ?>
								<div class="form-group">
                                            <label for="Equipe">Equipe*</label>
                                            <select name="Equipe" id="Equipe" class="form-control" required>
												<option value selected ></option>
                                                <?php
                                                                                                foreach($team as $key => $value):
                                                                                                echo '<option value="'.$value.'">'.$value.'</option>'; //close your tags!!
                                                                                                endforeach;
                                                                                                ?>
                                            </select>
								</div>
 
								<?php $statut = array("CDD Chercheur", "Doctorant", "Enseignant/Chercheur", "ITA", "Stagiaire"); ?>
								<div class="form-group">
                                            <label for="Statut">Statut*</label>
                                             <select name="Statut" id="Statut" class="form-control" required>
                                            <option value selected ></option>
                                                <?php
                                                                                                foreach($statut as $key => $value):
                                                                                                echo '<option value="'.$value.'">'.$value.'</option>'; //close your tags!!
                                                                                                endforeach;
                                                                                                ?>
                                             </select>
 
                               </div>
 
                        <!--</div>-->
 
                    <!--</div>-->
                </div>
 
            <!--<div class="row">-->
                <div class="col-md-6 col-sm-6">
                    <!--<div class="panel panel-primary">-->
 
                        <!--<div class="panel-body">-->
								<div class="form-group">
                                            <label for="bureau">Bureau *</label>
 
                                            <?php $db = Database::connect();
                                                  $requete = $db->query('SELECT Distinct Bureau FROM room WHERE disponible = \'Libre\' ORDER BY Bureau ASC');
                                                  $rowCount = $requete->rowCount();
                                            ?>
 
                                               <select id="bureau" name="bureau" class="form-control" required>
                                                   <option value="">Sélectionnez un bureau</option>
                                                <?php
                                                   if($rowCount > 0){
                                                        while($item = $requete->fetch()) {
                                                            echo '<option value="'.$item['Bureau'].'">'.$item['Bureau'].'</option>';
                                                                }
                                                   } else{
                                                        echo '<option value="">Bureau non disponible</option>';
                                                        }
                                                   Database::disconnect();
                                            ?>
                                                </select>
 
                              </div>
 
                              <div class="form-group">
                                  <label for="poste">Poste </label>
                                      <select name="poste" id="poste" class="form-control" required >
                                          <option value="">Sélectionnez d'abord un bureau</option>
                                      </select>
                              </div>
 
 
							  <div class="form-group">
                                            <label for="cin">Date d'entrée</label>
                                            <input name="cin" id="cin" type ="date" class="form-control">
                               </div>
							   <div class="form-group">
                                            <label for="cout">Date de fin</label>
                                            <input name="cout" id="cout" type ="date" class="form-control">
                               </div>
                       <!--</div>-->
 
                    <!--</div>-->
                </div>
 
                <div class="col-md-12 col-sm-12">
                    <div class="well">
 
						    <button type="submit" name="submit" class="btn btn-success"><span class="glyphicon glyphicon-pencil"></span>Ajouter</button>
                            <a class="btn btn-primary" href="home.php"><span class="glyphicon glyphicon-arrow-left"></span> Retour</a>
 
						</form>
 
                    </div>
                </div>
            <!--</div>-->
 
                </div>
 
					</div>
			 <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
        </div>
     <!-- /. WRAPPER  -->
 
    <!-- JS Scripts-->
      <!-- Bootstrap Js -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Metis Menu Js -->
    <script src="assets/js/jquery.metisMenu.js"></script>
      <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script>
 
</body>
</html>

ajaxData.php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
include 'config.php';
session_start();
 
if(isset($_POST["bureau"]) && !empty($_POST["bureau"]) )
{
    //ici il faut ajouter "id" dans la requête pour qu'ensuite on le récupére avec $row['id']
    $requete = $con->query("SELECT DISTINCT Poste,id FROM room WHERE Bureau = ".$_POST['bureau']." AND disponible = 'Libre' ORDER BY Poste ASC");
    
        //tu mettais $requete->num_rows alors que c'est faux, $requete->rowCount() est correcte.
        $rowCount = $requete->rowCount();
            if($rowCount > 0){
                echo '<option value="">Sélectionnez un Poste</option>';
                                while($row = $requete->fetch()) {
                                   
                                        echo'<option value="'.$row['id'].'">'.$row['Poste'].'</option>';
                       
                }
                        }else{
                                        echo '<option value="">Poste non disponible</option>';
                                }
}?>

db.php:

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
<?php
 
class Database {
 
    private static $dbHost ="localhost";
    private static $dbName ="gestion_salles";
    private static $dbUser ="root";
    private static $dbUserpasswd ="";
    private static $connexion = null;
 
    public static function connect() {
        try
        {
            self::$connexion = new PDO("mysql:host=" . self::$dbHost . ";dbname=" . self::$dbName,self::$dbUser,self::$dbUserpasswd);
        }
 
        catch(PDOException $e) {
            die($e->getMessage());
        }
        return self::$connexion;
    }
 
    public static function disconnect() {
        self::$connexion = null;
    }
 
}
 
?>

config.php (utilisé dans la requete pour ajaxData.php):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
session_start();
 
$host = "localhost"; /* Host name */
$user = "root"; /* User */
$password = ""; /* Password */
$dbname = "gestion_salles"; /* Database name */
 
$con = mysqli_connect($host, $user, $password,$dbname);
// Check connection
if (!$con) {
 die("Connection failed: " . mysqli_connect_error());
}

Bon.

1- reservation.php :
Code:

1 2 3 4 </head> <script> ...
Non : le script doit être AVANT le </head>.

2- ajaxData.php :
ce fichier ne sert QUE pour REMPLIR le <select> "Poste".
PAS pour le traitement du formulaire.

Donc, à priori, si les <options> s'affichent correctement, c'est que ce fichier fonctionne, et on n'a plus à s'en occuper.

:alerte: Cela dit, il faut absolument faire des REQUÊTES PRÉPARÉES !

3- Ta problématique (de traitement du formulaire après clic sur le bouton submit) concerne PHP.
PAS/plus JavaScript.

PRINCIPE de FORMULAIRE et TRAITEMENT sur la même page

Ouvre une NOUVELLE discussion dans le forum PHP.

@Toufik83
Je ne suis pas sûr que tu aies bien compris le problème.
En fait, il s'agit d'une 2ème question, indépendante de la question initiale.

@jreaux62 je crois que si, j'ai compris ce qu'il veut faire, sauf qu'il mélanges pdo avec mysqli.
- Je lui ai suggéré de supprimer le fichier config.php et d'utiliser seulement la classe Database qu'il a déjà créer et qu'elle retourne la variable $connexion avec la fonction connect() en pdo, et dans ajaxData.php il a inclus 'config.php' qui utilise Mysqli.

- Il m'a envoyé ses fichiers, j'ai corrigé son code et l'insertion + le chargement des options sont faites sans soucis.

Espérant que le sujet est résolu.

Exact, ça marche parfaitement, cela venait des erreurs du fichier ajaxData.php...ahlala quel temps passé dessus, je n'ai rien vu, et la ça marche, un énorme merci à Toufik83 ainsi qu'à jreaux62 :)
J'ai au moins compris !!
Encore merci c'est cool de voir qu'il existe encore une entraide de la sorte...

@Toufik83
Alors, tu as mieux compris que moi ! (et résolu son problème : :bravo: )

:ccool:

@jreaux62 merci, je suis sûr que tu es compétent plus que moi, seulement qu'avec la complexité et les erreurs dans son code, personne ne pouvait comprendre. :mouarf::mouarf: