Envoit requete ajax jquery

Résolu
yusukessj Messages postés 267 Date d'inscription   Statut Membre Dernière intervention   -  
 xxx -
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

9 réponses

Réponse 1 / 9
PMax-57 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   40
 
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>
7
Réponse 2 / 9
PMax-57 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   40
 
Ah ben c'est impeccable alors !

Ben bonne continuation pour la suite !

Maxime.
1
Réponse 3 / 9
yusukessj Messages postés 267 Date d'inscription   Statut Membre Dernière intervention   16
 
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.
0
Réponse 4 / 9
PMax-57 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   40
 
Re !

Remplacez :

<<data: "jjj=jjj",>> par <<data: jjj=$(this).attr("id"),>>
et supprimez 

$(".tab td").bind("click", function (e) {
var jjj = $(this).attr("id") ;
		
console.log (jjj) ; 
		
		
});



Récupérer le tout dans le fichier PHP avec une méthode GET ( $id = $_GET['jjj'] )
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 9
yusukessj Messages postés 267 Date d'inscription   Statut Membre Dernière intervention   16
 
bonjour,
alors voila mon bout de code, 
<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.
0
Réponse 6 / 9
PMax-57 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   40
 
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

?>
0
Réponse 7 / 9
yusukessj Messages postés 267 Date d'inscription   Statut Membre Dernière intervention   16
 
Bonne nouvelle !! ca marche !!!
j'ai recopier exactement tout ce que vous m'avez conseiller, et ca ne marché pas, après j'ai remplacer
<<data: jjj = idjs,>> par <<data: {jjj : idjs},>>
et ca marché
merci beaucoup pour votre aide, vous m'avez sauvé, je peux enfin faire des script d'envoit de varibales avec Jquery, c immence pr moi.
merci encore.
0
Réponse 8 / 9
yfd
 
rqs
0
Réponse 9 / 9
xxx
 
Merci ;)
0

Discussions similaires

probléme avec ajax svp
marwen109 -
Groarh -

4 réponses
site bloqué par Claranet
yoff -
yoff -

2 réponses
Certification Pix - Python et SQL
Inell_250 -
osdk -

10 réponses
Blocage sécurité
Utilisateur anonyme -
Utilisateur anonyme -

4 réponses
Afficher le résultat d'une requête SQL dans une zone de texte
Leon290919978 -
jordane45 -

4 réponses