Alors, j'ai fait quelques essais et revu mon code suite à ma recherche Ajax. Je sélectionne mon paramètre dans ma liste déroulante qui doit envoyer l'info à mon tableau que j'appelle avec une autre page php.
Mais je n'arrive pas à récupérer mon paramètre principal dans mon code Ajax (en l'occurence c'est .$rows['num_pays']., j'imagine que la façon de l'écrire doit jouer) .
Je vous montre mon code:
Code : Tout sélectionner
<?php
//Accès à la BDD
include 'database.php';
require 'tableau_etudiant.php';
?>
<html>
<Head>
<title>Liste des étudiants</title>
<script src="js/jquery.js"></script>
<script src="js/search.js"></script> <!-- le JS que j'ai crée pour l'occasion -->
<script src="bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
</Head>
<body>
<!-- formulaire de recherche -->
<form class="panel-group form-horizontal" action="home.php" role="form">
<div class="panel panel-default">
<div class="panel-body">
<div class="panel-header">
<h4>Recherche</h4>
</div>
<div class="col-sm-3">
<!-- liste déroulante affichant les pays -->
<select class="form-control" id="select" name="pays" onChange="request(this);">
<option value="rien">Sélectionner un pays</option>
<?php
$sel_pays = "SELECT * FROM pays";
$run_pays = mysqli_query($conn,$sel_pays);
while ($rows= mysqli_fetch_assoc($run_pays)){
echo '<option value='.$rows['num_pays'].'>'.$rows['name_pays'].'</option>';
}
?>
</select>
<br/>
<br/>
<button type="submit" class="btn btn-default" id="searchbtn" name="submit">Go</button>
</div>
</div>
</div>
</form>
<!-- AFFICHE LE TABLEAU DES DONNEES ISSUS DE LA LISTE -->
<div id="classe_selectionnee">
<?php require("../includes/tableau_etudiant.php"); ?>
</div>
</body>
</html>
le java que j'ai tenté d'apprivoiser tant que faire se peut ^^ :
Code : Tout sélectionner
function selectChoice()
{
var container = $('#classe_selectionnee');
var selector = $('#choix');
var url = '../pages/tableau_etudiant.php';
selector.change(function()
{
var value = $(this).val();
arraySelect = new Array;
$("select option:selected").each(function() { arraySelect.push(this.value); });
$.ajax({ url : url, type : 'post', data : {'choix[]' : arraySelect}, success : function(data){container.html(data);} });
});
}
Et le tableau_etudiant :
Code : Tout sélectionner
<?php extract($_POST);
//requête SQL pour sortir toutes les lignes de la table selectionné.
$sql = "SELECT * FROM etudiant INNERJOIN pays ON etudiant WHERE etudiant.pays = '".$choix."' order by nom asc";
$run_sql = mysqli_query($conn, $sql);
while ($rows = mysqli_fetch_assoc($run_sql)){
echo '<div class="container">
<table class="table table-hover">
<tr>
<td><h2><a class="btn btn-info" href="detail.php?vo_id='.$rows['nom_etu'].'">'.$rows ['nom_etu'].'</a></h2></td>
</tr>
<tr>
<td>'.$rows ['pren_etu'].'</td>
</tr>
<tr>
<td>'.$rows ['age'].'</td>
</tr>
<tr>
<td>'.$rows ['pays'].'</td>
</tr>
</table>
</div>
<br>';
}?>
Si vous pouviez m'aiguiller sur ce qui pose problème, j'avoue arriver à une page bourré d'erreur et je ne sais plus trop par où prendre la chose ^^
Alors, j'ai fait quelques essais et revu mon code suite à ma recherche Ajax. Je sélectionne mon paramètre dans ma liste déroulante qui doit envoyer l'info à mon tableau que j'appelle avec une autre page php.
Mais je n'arrive pas à récupérer mon paramètre principal dans mon code Ajax (en l'occurence c'est .$rows['num_pays']., j'imagine que la façon de l'écrire doit jouer) .
Je vous montre mon code:
[code]<?php
//Accès à la BDD
include 'database.php';
require 'tableau_etudiant.php';
?>
<html>
<Head>
<title>Liste des étudiants</title>
<script src="js/jquery.js"></script>
<script src="js/search.js"></script> <!-- le JS que j'ai crée pour l'occasion -->
<script src="bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
</Head>
<body>
<!-- formulaire de recherche -->
<form class="panel-group form-horizontal" action="home.php" role="form">
<div class="panel panel-default">
<div class="panel-body">
<div class="panel-header">
<h4>Recherche</h4>
</div>
<div class="col-sm-3">
<!-- liste déroulante affichant les pays -->
<select class="form-control" id="select" name="pays" onChange="request(this);">
<option value="rien">Sélectionner un pays</option>
<?php
$sel_pays = "SELECT * FROM pays";
$run_pays = mysqli_query($conn,$sel_pays);
while ($rows= mysqli_fetch_assoc($run_pays)){
echo '<option value='.$rows['num_pays'].'>'.$rows['name_pays'].'</option>';
}
?>
</select>
<br/>
<br/>
<button type="submit" class="btn btn-default" id="searchbtn" name="submit">Go</button>
</div>
</div>
</div>
</form>
<!-- AFFICHE LE TABLEAU DES DONNEES ISSUS DE LA LISTE -->
<div id="classe_selectionnee">
<?php require("../includes/tableau_etudiant.php"); ?>
</div>
</body>
</html>[/code]
le java que j'ai tenté d'apprivoiser tant que faire se peut ^^ :
[code]function selectChoice()
{
var container = $('#classe_selectionnee');
var selector = $('#choix');
var url = '../pages/tableau_etudiant.php';
selector.change(function()
{
var value = $(this).val();
arraySelect = new Array;
$("select option:selected").each(function() { arraySelect.push(this.value); });
$.ajax({ url : url, type : 'post', data : {'choix[]' : arraySelect}, success : function(data){container.html(data);} });
});
}[/code]
Et le tableau_etudiant :
[code]<?php extract($_POST);
//requête SQL pour sortir toutes les lignes de la table selectionné.
$sql = "SELECT * FROM etudiant INNERJOIN pays ON etudiant WHERE etudiant.pays = '".$choix."' order by nom asc";
$run_sql = mysqli_query($conn, $sql);
while ($rows = mysqli_fetch_assoc($run_sql)){
echo '<div class="container">
<table class="table table-hover">
<tr>
<td><h2><a class="btn btn-info" href="detail.php?vo_id='.$rows['nom_etu'].'">'.$rows ['nom_etu'].'</a></h2></td>
</tr>
<tr>
<td>'.$rows ['pren_etu'].'</td>
</tr>
<tr>
<td>'.$rows ['age'].'</td>
</tr>
<tr>
<td>'.$rows ['pays'].'</td>
</tr>
</table>
</div>
<br>';
}?>
[/code]
Si vous pouviez m'aiguiller sur ce qui pose problème, j'avoue arriver à une page bourré d'erreur et je ne sais plus trop par où prendre la chose ^^
