|
|
|
|
Bonjour,
j'aimerais faire une requete Ajax via jquery
j'ai un tableau qui contient la liste des professeur, pr chaque td j'ai mit le identifiant du prof correspndant
quand je click je voudrais qu'il envoit la variable "identifiant" vers le fichier php. ce dernier affiche les information du prof et l'affiche.
j'aimerais juste savoir le code javascript qui permet d'envoyé la variable avec ajax
merci d'avance
Configuration: windows xp sp2 Pentium 4 2.43 ghz 512 mb de ram nvidia 6200 avec 256 mb
Salut !
$(document).ready(
$("#id-de-ton-bouton").click(function () {
$.ajax({
data: getElementByID("id-du-div-contenant-l'id-du-prof").innerHTML,
url: "/tonfichierphpaappeller.php",
cache:false,
success:function(html){
afficher(html);
},
error:function(XMLHttpRequest,textStatus, errorThrown){
alert("(086) Erreur de chargement...");
}
})
})
);
Dans ton fichier a appeler tu fais un ECHO 'informations à fournir',
<code> //Affichage contenu
function afficher(data) {
$("#id-du-div-ou-tu-veux-inserer-tes-infos").slideUp(400, function() {
$("#id-du-div-ou-tu-veux-inserer-tes-infos").empty();
$("#id-du-div-ou-tu-veux-inserer-tes-infos").append(data);
$("#id-du-div-ou-tu-veux-inserer-tes-infos").slideDown(500);
});
}
Voilà, avec quelques bidouilles ça peut marcher ! Amuse toi bien </code> |
Je vous remerci beaucoup pour votre aide, je vous montre mon premier fichier :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="fr-FR" xml:lang="fr-FR"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> <title>Insertion</title> <link rel="stylesheet" type="text/css" href="demo.css" /> <script src="jquery-1.3.2.js" type="text/javascript" > </script> <script type ="text/javascript" > $(document).ready(function() { $(".tab td").bind("click", function (e) { var jjj = $(this).attr("id") ; console.log (jjj) ; }); $("td").click(function () { $.ajax({ data: "jjj=jjj", url: "cible.php", cache:false, success:function(html){ afficher(html); }, error:function(XMLHttpRequest,textStatus, errorThrown){ alert("(086) Erreur de chargement..."); } }) }); function afficher(data) { $("#contenu").slideUp(400, function() { $("#contenu").empty(); $("#contenu").append(data); $("#contenu").slideDown(500); }); } }) ; </script> </head> <body> <div class="tab"> <table border ="1px" width ="300px" height ="500px"> <?php mysql_connect("localhost", "root", ""); mysql_select_db("item"); $result= mysql_query("SELECT COD_MODU, LIBEL_MODU from module"); while ($donnees = mysql_fetch_array($result)) { ?> <tr> <td id ="<?php echo $donnees['COD_MODU'] ; ?>" class ="mama"> <?php echo $donnees['LIBEL_MODU'] ; ?> </td> </tr> <?php } ?> </table> </div> <div id ="contenu"> </div> </body> <html> et le fichier cible <?php $jjj = $_POST['jjj']; echo $jjj ; echo "ffffffff" ; ?> j'ai mis juste ce petit code, pour tester si le fichier cible obtient vraiment la variable envoyé avec cela, ca m'affiche juste "ffffffff", ca ne m'affiche pas la valeur de la variable malgré que quand je lé testé sur la console de firebug "console.log (jjj) ; sur le premier fichier", ca m'affiche bien sa valeure. |
Bonjour,
<script type ="text/javascript" >
$(document).ready(function() {
$("td").click(function () {
$.ajax({
data: jjj=$(this).attr("id"),
url: "cible.php",
cache:false,
success:function(html){
afficher(html);
},
error:function(XMLHttpRequest,textStatus, errorThrown){
alert("(086) Erreur de chargement...");
}
})
});
function afficher(data) {
$("#contenu").slideUp(400, function() {
$("#contenu").empty();
$("#contenu").append(data);
$("#contenu").slideDown(500);
});
}
}) ;
</script>
et le fichier cible <?php $id = $_GET['jjj'] ; echo "gggggg" ; echo $id ; echo "ffffffff" ; ?> au resultat il m'affiche gggggfffffff je vois vraiment pas où est le problème, merci pour votre aide. |
Re !
$("td").click(function () {
$.ajax({
data: jjj=$(this).attr("id"),
Si on le remplace par : $("td").click(function () {
var idjs = $(this).attr("id");
$.ajax({
data: jjj = idjs,
Sans oublier d'avoir : <table> <tr> <td id="1"></td> <td id="2"></td> </tr> </table> Ensuite pour vérifier la chaine avec echo, <?php $id = $_GET['jjj'] ; echo "Ligne 1 : gggggg<br />" ; //Ligne 1 echo echo "Ligne 2 : ".$id."" ; //Ligne 2 echo (affiche l'id ou pas si il détecte $_GET) echo "Ligne 3 : ffffffff<br />" ; Ligne 3 echo ?> |
Bonne nouvelle !! ca marche !!!
|
