[AJAX] Récupération de variable depuis la BDD
Bonjour développeur(s),
Je crée une application web dans la quelle je dois avoir une page de recherche de candidat. je créer un formulaire de recherche qui me permet d'aller chercher le candidat voulu par un code qui lui a été attribué. il dois nous afficher le nom, poste nom, prénom, et sa photo. mon problème, j'arrive à tout récupérer et afficher sauf la photo. a propos de la photo, sa variable me donne que le nom de la photo stocker dans la bdd. comment faire pour afficher le tout et la photo du candidat . les photos sont logées dans un répetoire que j'ai renommé 'uploads_photo' je le fais en ajax et php
voici mon code.
pour la page recherche.php
Code:
1 2 3 4 5 6
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>AJAX : Exemple de client</title>
<script> |
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
| var http; // Notre objet XMLHttpRequest
function createRequestObject(){
var http;
if(window.XMLHttpRequest){ // Mozilla, Safari, ...
http = new XMLHttpRequest();
}
else if(window.ActiveXObject){ // Internet Explorer
http = new ActiveXObject("Microsoft.XMLHTTP");
}
return http;
}
function gestionClic(){
document.getElementById("textProgess").innerHTML= 'Recherche en cours, attendre svp...';
http = createRequestObject();
/*var code_eleve = 1;*/
var code_eleve = encodeURIComponent(document.getElementById("code_eleve").value);
http.open("GET", "traitement_affi_rech.php?code_eleve=" + code_eleve, true);
http.onreadystatechange = handleAJAXReturn;
http.send(null);
}
function handleAJAXReturn(){
if(http.readyState == 4 && http.status == 200){
var tmp = http.responseText.split("/");
if(tmp[0] ==100){
document.getElementById("nom_eleve").innerHTML=tmp[1];
document.getElementById("postnom_eleve").innerHTML=tmp[2];
document.getElementById("prenom_eleve").innerHTML=tmp[3];
document.getElementById("code_classe").innerHTML=tmp[4];
document.getElementById("lib_option").innerHTML=tmp[5];
document.getElementById("tuteur_nom").innerHTML=tmp[6];
document.getElementById("ad_physik_eleve").innerHTML=tmp[7];
document.getElementById("email_eleve").innerHTML=tmp[8];
document.getElementById("tel_eleve").innerHTML=tmp[9];
document.getElementById("date_enregi_eleve").innerHTML=tmp[10];
document.getElementById("date_naiss_eleve").innerHTML=tmp[11];
document.getElementById("lieu_naiss_eleve").innerHTML=tmp[12];
document.getElementById("nom_photo").innerHTML=tmp[13];
document.getElementById("cache_table").style.display="block";
document.getElementById("textProgess").innerHTML="";
alert("Recherche trouve.");
return true;
}
else if(tmp[0] ==101){
alert("Attention! Recherche non conluant.");
return false;
}
}
else if(http.readyState == 4 && http.status != 200){
// En cas d'erreur !
alert("Attention, une erreur soit, de coupure réseau ou, de données invalides est survenue lors du chargement.");
}
} |
Code:
1 2 3 4 5 6 7 8 9 10 11 12
| .table_rch{
width:100%; height:100%; display:none; font-size: 13px;
}
.table_rch th {
background:#999;
text-align:left;
}
.table_rch td{
background:#CCC;
border:1px solid #333;
} |
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
| </style>
</head>
<body>
<p>
<form method="get">
<input type="text" name="code_eleve" id="code_eleve" value="" />
<input type="button" onclick="gestionClic(); return false;" value="Chercher" />
</form>
<div id="textProgess"></div>
<br /><br />
<div ></div>
<div ></div>
<table border="0" id="cache_table" class="table_rch">
<tr>
<th> Nom</th><td id="nom_eleve"> </td><th> Poste nom</th><td id="postnom_eleve"> </td> <th> Prénom</th><td id="prenom_eleve"> </td><td rowspan="4">
<img src='#' width="150" id="nom_photo"></td>
</tr>
<tr>
<th> Classe</th><td id="code_classe"> </td> <th> Option</th><td id="lib_option"> </td> <th> Tuteur</th><td id="tuteur_nom"> </td>
</tr>
<tr>
<th> Adresse </th><td id="ad_physik_eleve"> </td> <th> Email</th><td id="email_eleve"> </td> <th> Phone</th><td id="tel_eleve"> </td>
</tr>
<tr>
<th> Date d'enregitrement</th> <td id="date_enregi_eleve"></td> <th> Date de naissance</th><td id="date_naiss_eleve"> </td> <th>Lieu de naissance</th><td id="lieu_naiss_eleve"> </td>
</tr>
</table>
<img src="#" alt="" id="displayhere">
</body>
</html> |
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
| -------------------pour la page traitement.php----------------------
<?php
sleep(1);
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
$code_eleve =(isset($_GET["code_eleve"])) ? $_GET["code_eleve"] : NULL;
mysql_connect("localhost","root","");
mysql_select_db("fraiscolaire");
$eq=mysql_query("SELECT * FROM eleve WHERE code_eleve='$code_eleve'");
if($rep=mysql_fetch_array($eq)){
$nom_eleve=$rep['nom_eleve'];
$postnom_eleve=$rep['postnom_eleve'];
$prenom_eleve=$rep['prenom_eleve'];
$code_classe=$rep['code_classe'];
$lib_option=$rep['lib_option'];
$tuteur_nom=$rep['tuteur_nom'];
$ad_physik_eleve=$rep['ad_physik_eleve'];
$email_eleve=$rep['email_eleve'];
$tel_eleve=$rep['tel_eleve'];
$date_enregi_eleve=$rep['date_enregi_eleve'];
$date_naiss_eleve=$rep['date_naiss_eleve'];
$lieu_naiss_eleve=$rep['lieu_naiss_eleve'];
$nom_photo=$rep['nom_photo'];
/* $nom_photo="<img src='uploads_photo/'".$nom_photo."' title='".$rep['nom_photo']."' width='150' height='180' class='photo'/>";*/
$affichage=100;
echo $affichage.'/'.$nom_eleve.'/'.$postnom_eleve.'/'.$prenom_eleve.'/'.$code_classe.'/'.$lib_option.'/'.$tuteur_nom.'/'.$ad_physik_eleve.'/'.$email_eleve.'/'.$tel_eleve.'/'.$date_enregi_eleve.'/'.$date_naiss_eleve.'/'.$lieu_naiss_eleve.'/'.$nom_photo;
}
else{
# Recherche non conluant.
$affichage=101;
echo $affichage;
}
?> |
Merci d’avance pour votre aide!
Patrick