Envoyer une variable à une page PHP

Version imprimable

Bonjour,

Je suis certain que la réponse ne se trouve pas très loin, mais je fais du sur-place depuis quelques heures :

Voici ma fonction Ajax qui fonctionne correctement :
Code:

1 2 3 4 5 6 7 8 9 10 function go() { $.ajax({ url: "requetesql.php", ifModified: true, success: function (content) { $('#fond').html(content); var img = document.createElement("IMG"); img.src = 'files/' + content; document.getElementById('fond').appendChild(img); }
Et du côté de ma page HTML, j'ai cela :
Code:

1 2 3 4 5 6 7 <?php $ligne = mysql_query("SELECT * FROM bg ORDER BY ID DESC"); while($row = mysql_fetch_array($ligne)) { echo '<div class="scroll-content-item"><img src="files/'.$row["Img"].'" width="100%" onclick="go();"></div>'; } ?>
L'idée est de récupérer l'Identifiant de l'enregistrement sur lequel j'ai cliqué, l'envoyer à ma page requetesql.php afin qu'en retour, je reçois l'image qui correspond au ID (dans le div intitulé "Fond").

Une petite idée pour que je puisse avancer serait la bienvenue :)

Merci à vous

15/09/2013, 09h35
NoSmoking

Bonjour,

Citation:

L'idée est de récupérer l'Identifiant de l'enregistrement sur lequel j'ai cliqué

on ne voit nulle part dans ton code le passage d'un paramètre avec une valeur.

De plus coté PHP ce que tu mets dans ton echo me paraît surprenant vu la façon de l'exploiter coté client.

Bonjour,

Je suis tout à fait d'accord avec vous : Mais ou puis-je mettre ma variable ? J'ai essayé ça :
Code:

1 2 3 4 5 6 7 <?php $ligne = mysql_query("SELECT * FROM bg ORDER BY ID DESC"); while($row = mysql_fetch_array($ligne)) { echo '<div class="scroll-content-item"><img src="files/'.$row["Img"].'" width="100%" onclick="go(ID);"></div>'; } ?>
et puis dans mon code AJAX :
Code:

1 2 3 4 5 6 7 8 9 10 function go() { $.ajax({ url: "requetesql.php?id="+id, ifModified: true, success: function (content) { $('#fond').html(content); var img = document.createElement("IMG"); img.src = 'files/' + content; document.getElementById('fond').appendChild(img); }
Mais cela ne fonctionne pas. Et puis, je vous avoue que je ne maîtrise pas beaucoup Ajax. En PHP pur, j'aurai utilisé le passage de variable par l'URL et la récupére dans mon fichier requetesql.php par un

Code:

$_Get(id);

Merci pour toute aide.

16/09/2013, 11h11
SpaceFrog

Je ne vois pas de data: dasn ton ajax ...

Effectivement, j'ai oublié d'ajouter le

Code:

data:

Voici mon code rectifié, mais qui ne fonctionne toujours pas. Je ne sais pas comment je peux récupérer cette variable depuis mon fichier PHP pour la transmettre à mon fichier requeteSQL

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
	function go(){
 
			var name = document.getElementById('fond').value;
			$.ajax({
        		url: "requetesql.php",
				data: {name},
				type:"post",
       			 ifModified:true,
 
 
        		success: function(content) {
            	$('#fond').html(content);
				var img = document.createElement("IMG");
				img.src = 'files/'+content;
				document.getElementById('fond').appendChild(img);	
			}
    });

16/09/2013, 11h53
SpaceFrog

Code:

data: {"id_post_de_ma_donnee":name},

Bonjour,

Merci pour votre aide. J''ai modifié le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function go(){
	var ID = document.getElementById('idimage').value;
	$.ajax({
        	url: "requetesql.php",
		data: {ID:name},
		type:"post",
       		 ifModified:true,
	     	success: function(content) {
            	$('#fond').html(content);
			var img = document.createElement("IMG");
			img.src = 'files/'+content;
			document.getElementById('fond').appendChild(img);	
		}
    });

Dans le body de ma page j'ai :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
  <div id="scrollpane1" class="scrollpane" style="width:250px">
 
                <?php 
        $ligne = mysql_query("SELECT * FROM bg ORDER BY ID DESC"); 
        while($row = mysql_fetch_array($ligne)) 
           {         
 
                        echo '<div id="idimage" class="scroll-content-item"><img src="files/'.$row["Img"].'" width="100%" onclick="go();"><input type="hidden" id="idimage" value="'.$row["ID"].'"></div>';
           }
 
        ?>
 
        </div>

Et dans mon fichier requetesql.php :

Code:

1
2
3
4
5
6
7
$ID = $_GET['ID'];				
// sélection de la base
mysql_select_db($nameBD,$db) or die('Erreur de selection de la base '.mysql_error());;
$select = "SELECT Img from bg WHERE ID=$ID";
$result = mysql_query($select);
$ligne = mysql_fetch_array($result);
echo $ligne["Img"];

Je pense avoir plutôt bien avancé non ? et pourtant, rien ne s'affiche dans le retour de ma requête SQL :(

16/09/2013, 12h38
SpaceFrog

Si je te les mets cote a cote ...

Code:

$ID = $_GET['ID'];

Code:

type:"post",

vois tu ton erreur?

Effectivement, c'est une erreur de maladresse :) Toutefois, je ne recois rien dans mon fichier PHP.

J'ai simplifié mon code, histoire de tester si mon PHP récupére bien la valeur de la variable :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function go(){ var ID = document.getElementById('idimage').value; $.ajax({ url: "sql.php", data: {ID:name}, type:"GET", ifModified:true, success: function(content) { $('#fond').html(content); alert(content); //var img = document.createElement("IMG"); //img.src = 'files/'+content; //document.getElementById('fond').appendChild(img); } });
et du coté de mon fichier PHP :
Code:

1 2 3 4 <?php echo $_GET['ID']; ?>
Lorsque je clique sur l'image, je ne recois pas la valeur de la variable passée ! Mon code doit être erroné quelque part je pense !

Merci

16/09/2013, 13h05
SpaceFrog

fais un var_dump de ton get ...
16/09/2013, 13h06
maitaddi

ça me donne :

Code:

string(0) ""
16/09/2013, 13h15
SpaceFrog

Code:

var ID = document.getElementById('idimage').value;

c'est quel element ton idimage ?

C'est un <input> mais j'ai même essayé ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function go(){
 
 
			var ID='Test';
			$.ajax({
 
        		url: "sql.php",
				data: {"ID":name},
				type:'GET',
				DataType:'html',
       			ifModified:true,
 
 
        		success: function(content) {
            	$('#fond').html(content);
				alert(content);
				//var img = document.createElement("IMG");
				//img.src = 'files/'+content;
				//document.getElementById('fond').appendChild(img);	
			}
    });

Et j'ai toujours la même erreur :(

16/09/2013, 13h21
SpaceFrog

on peut voir le code de l'input ?
ça sent la confusion entre name et id ...

J'ai du nouveau, voila, j'ai remplacé par ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function go(){
 
 
			var ID = document.getElementById('idimage').innerHTML;
			$.ajax({
 
        		url: "sql.php",
				data: "ID="+ID,
				type:'GET',
				DataType:'html',
       			ifModified:true,
 
 
        		success: function(content) {
            	$('#fond').html(content);
				alert(content);
				//var img = document.createElement("IMG");
				//img.src = 'files/'+content;
				//document.getElementById('fond').appendChild(img);	
			}
    });

Et du côté de mon HTML j'ai ça :

Code:

1
2
3
4
5
6
7
8
9
         <?php 
        $ligne = mysql_query("SELECT * FROM bg ORDER BY ID DESC"); 
        while($row = mysql_fetch_array($ligne)) 
           {         
        
                        echo '<div class="scroll-content-item" onclick="go();" id="idimage">'.$row["ID"].'</div>';
           }
        
        ?>

Du coup, ça m'affiche bien la valeur, mais uniquement la 1ére valeur retournée du tableau.

16/09/2013, 13h41
SpaceFrog

A quel endroit passes tu l'id reçu à la requete ???
Dans l'absolu ...

Code:

$ligne = mysql_query("SELECT * FROM bg WHERE ID=".$_GET['ID'];

sauf que la c'est là porte ouverte aux injections sql

A vrai dire, la requête SQL qui apparait dans mon fichier "index.php" me liste l'ensemble des images présentes dans la table, sous forme de vignette.

Lorsque je clique sur une vignette, la fonction doit pouvoir m'afficher l'image sélectionnée dans un

Code:

<div>

intitulé #fond.

Voici l'extrait de mon fichier requetesql.php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
	<?php 
$ID = $_GET['ID'];
$host = "localhost";
                                $loginBD = "***";
                                $passwordBD = "**";
                                $nameBD = "***_**_*";
// connexion à la base
        $db = mysql_connect($host, $loginBD, $passwordBD) or die('Erreur de connexion '.mysql_error());
                                
                                // sélection de la base
                                mysql_select_db($nameBD,$db) or die('Erreur de selection de la base '.mysql_error());;
$select = "SELECT Img from bg WHERE ID=$ID";
$result = mysql_query($select);
$ligne = mysql_fetch_array($result);
echo $ligne["Img"];
?>

Enfin ! Problème résolu !

J'ai modifié ma fonction go()

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function go(ID){
 
 
			//var ID = document.getElementById('idimage').value;
			$.ajax({
 
        		url: "requetesql.php",
				data: "ID="+ID,
				type:'GET',
				DataType:'html',
       			ifModified:true,
 
 
        		success: function(content) {
            	$('#fond').html(content);
				alert(content);
				var img = document.createElement("IMG");
				img.src = 'files/'+content;
				document.getElementById('fond').appendChild(img);	
			}
    });

Je lui ai attribué une valeur qui correspond à :

Code:

 echo '<div class="scroll-content-item"><img src="files/'.$row["Img"].'" width="100%" onclick="go('.$row["ID"].');" ></div>';

Merci beaucoup !