Discussion :

[spawns]

Salut à tous,
je suis débutant en Ajax et j'essaie me mettre en place un petit bout de code:
j'ai une bdd réalisations :
ID | Catégorie | nom ...
j'ai une page php qui affiche ces catégories et réalisations

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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
echo '<div id="catego">';
$cate = $mysqli->query("SELECT * FROM realisations GROUP BY categorie");
while($list = mysqli_fetch_array($cate))
{
	$lescat=$list['categorie'];
         // affichage des categories sous forme de lien
	echo '<a href="'.$lescat.'">'.$lescat.'</a> ';
}
 
echo '</div><div style="clear:both"></div><div id="levisu">';
 // affichage des réalisations
$req = $mysqli->query("SELECT * FROM realisations ORDER BY id DESC");
while($data = mysqli_fetch_array($req))
{
	$image=$data['image'];
	$url=$data['url'];
	$nom=$data['nom'];		
	echo'
	<div class="view view-tenth">  
	<img src="rea/'.$image.' " alt="'.$nom.'" />
        <div class="mask">  
	<h2>'.$nom.'</h2> 
	<p>&nbsp;</p>				 
	</div>
	</div>	';
}
echo'</div>';

j'ai donc ensuite essayé de créer une petit script pour récupérer le nom de la catégorie
afin de pouvoir l'utiliser dans la requête Sql
c'est donc a ce niveau que je bloc
voici le code du script

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(document).ready(function(){
	$("#catego a").click(function(){
		page=$(this).attr("href");
		$.ajax({
			url : "nos_realisations.html",
			cache : false,
			success : function(html){
				afficher(html);
			},			
			error : function(XMLHttpRequest, textStatus, errorThrown){
				alert(textStatus);
			}
 
		})
		return false;
 
	});
 
});
 
function afficher (data){
	$("#levisu").empty();	
}

Comment je fais pour utilisé la valeur "page" que je récupère en Ajax dans ma requête SQl ???
Merci d'avance de votre aide

Cdt

[NoSmoking]

Bonjour,
pour utiliser ta valeur coté serveur il te faut déjà l'envoyer ce que l'on ne voit pas dans ton code, il te manque une propriété data.
jQuery.ajax().

[spawns]

bonjour et merci pour ta réponse,
mais j'avoue que je n'ai pas bien compris
je doit donc rajouter dans mon script data du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(document).ready(function(){
	$("#catego a").click(function(){
		page=$(this).attr("href");
		$.ajax({
			url : "nos_realisations.html",
                        data : page,
			cache : false,
			success : function(html){
				afficher(html);
			},			
			error : function(XMLHttpRequest, textStatus, errorThrown){
				alert(textStatus);
			}
 
		})
		return false;
 
	});
 
});
 
function afficher (data){
	$("#levisu").empty();	
}

mais donc toujours pareil, comment on exploite cela ensuite dans ma requete SQL

[NoSmoking]

Pour la transmission de paramètre il te faudrait plutôt écrire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$.ajax({
    url : "nos_realisations.html",
    data: { 'page': page },
    cache : false,
    success : function(html){
        afficher(html);
    },

ce qui te permettra coté serveur de récupérer

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

$page = $_GET['page'];

pour l'exploitation dans ta requête SQL je ne saurais que trop te conseiller d'aller faire un tour sur le forum dédié.

[spawns]

j'ai essaye avec ton code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$page = $_GET['page'];

mais je ne récupère rien dans $page.

[NoSmoking]

Je viens de voir que l'action qui déclenche la requête Ajax est un lien A, il te faut donc annihiler son action par défaut via un event.preventDefault().

Tu devrais peut être jeter un coup d'oeil à cette discussion Post variable avec un onclick (...).

[spawns]

Bon la cela devient un peu compliqué pour moi,
je vais laisser tomber Ajax et retourner sous un vieux php avec rechargement de la page au click.

Merci pour ton aide

Cdt

[NoSmoking]

Non il n'est rien de compliqué dans la technique Ajax pour peu que l'on en ait compris le mécanisme, pour t'en persuader...
Comprendre les mécanismes d'AJAX.