Posez votre question Signaler

Envoit requete ajax jquery [Résolu]

yusukessj 262Messages postés 27 mai 2008Date d'inscription 27 septembre 2011Dernière intervention - Dernière réponse le 15 sept. 2011 à 09:13

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

Envoit requete ajax jquery »

Suggestions

Envoit requete ajax jquery
[jQuery] requête Ajax après une seconde (Résolu) » Forum
[jQuery] Effets sur des requêtes AJAX » Forum
Refresh DIV ajax, Jquery avec Requete MySQL » Forum
Menu déroulant dynamique php/mysql et ajax (Résolu) » Forum
Recharger page php/ajax (Résolu) » Forum

Plus

Réponse

PMax-57 186Messages postés 15 juin 2009Date d'inscription 11 juil. 2009 à 14:19

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>

Ajouter un commentaire - Site web

Réponse

PMax-57 186Messages postés 15 juin 2009Date d'inscription 12 juil. 2009 à 21:28

Ah ben c'est impeccable alors !

Ben bonne continuation pour la suite !

Maxime.

Ajouter un commentaire - Site web

Réponse

yusukessj 262Messages postés 27 mai 2008Date d'inscription 27 septembre 2011Dernière intervention 11 juil. 2009 à 19:53

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.

Ajouter un commentaire - Site web

Réponse

PMax-57 186Messages postés 15 juin 2009Date d'inscription 11 juil. 2009 à 21:00

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'] )

Ajouter un commentaire - Site web

Réponse

yusukessj 262Messages postés 27 mai 2008Date d'inscription 27 septembre 2011Dernière intervention 12 juil. 2009 à 10:31

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.

Ajouter un commentaire - Site web

Réponse

PMax-57 186Messages postés 15 juin 2009Date d'inscription 12 juil. 2009 à 12:20

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

?>

Ajouter un commentaire - Site web

Réponse

yusukessj 262Messages postés 27 mai 2008Date d'inscription 27 septembre 2011Dernière intervention 12 juil. 2009 à 19:28

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.

Ajouter un commentaire - Site web

Réponse

yfd 25 févr. 2011 à 20:37

rqs

Ajouter un commentaire

Réponse

xxx 15 sept. 2011 à 09:13

Merci ;)

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Envoit requete ajax jquery [Résolu]

Envoit requete ajax jquery »

Passage au tout numérique : quel coût pour les particuliers ?