[AJAX] Utiliser une valeur ajax dans une requete sql

Version imprimable

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:

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:

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

21/02/2015, 15h36
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.
:fleche: jQuery.ajax().

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:

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

21/02/2015, 18h24
NoSmoking
Pour la transmission de paramètre il te faudrait plutôt écrire
Code:

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:

$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é.
21/02/2015, 18h48
spawns

j'ai essaye avec ton code

Code:

$page = $_GET['page'];

mais je ne récupère rien dans $page.
21/02/2015, 18h59
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 (...).
21/02/2015, 19h04
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
21/02/2015, 22h10
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...
:fleche: Comprendre les mécanismes d'AJAX.