AJAX faire une boucle sur un fichier. [Résolu]

[freeman43]

Bonjour,

Voila mon problème:
J'ai cree un fichier .php qui genere du code a partir d'une requete afin de pouvoir traiter les données afin de creer un tableau.

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
28
	$db = mysqli_connect('127.0.0.1','*','*','*');
	$sql = "SELECT * FROM essaiMatch";
	$requete = mysqli_query ($db,$sql);
	if (mysqli_num_rows($requete) == 0)
	{
	}
	else
	{
		echo '{ ';
		$nb = mysqli_num_rows($requete);
		echo 'nb:'.$nb.' , ';
		$i = 1;
		while ($Data = mysqli_fetch_assoc($requete))
		{
				echo 'Years'.$i.':';
				echo $Data["Years"];
				echo ' , Month'.$i.':';
				echo $Data["Month"];
				echo ' , Day'.$i.':';
				echo $Data["Day"];
				echo ' , Equipe'.$i.':';
				echo '\''.$Data["Equipe"].'\'';
				echo ' , Rencontre'.$i.':';
				echo '\''.$Data["Rencontre"].'\' ';
				$i++;
 
		}echo '}';
	}

a partir de la fonction suivante, je traite les données qui on etait generer par ce fichier php:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function defmatchU10()
{
		var requete_ajax = new XMLHttpRequest();
		requete_ajax.open('GET','Essai.php', false);
		requete_ajax.send(null);
		//alert(requete_ajax.status);
		var data = eval ('('+requete_ajax.responseText+')');
		nb = data.nb;
		nb++;
		//alert(nb);
		for ( i= 1; i<nb; i++)
		{
			var bla = 'Years' + i;
			alert(bla);
			Years = data.bla;
			alert(Years);
			Month = data.Month + i;
			Day = data.Day + i;
			Equipe = data.Equipe + i;
			Rencontre = data.Rencontre + i;
 
			equipeMatch(Years,Month,Day,Equipe,Rencontre);
		}

Or le probleme et que cela ne fonctionne pas au niveau de la commande:

Code :

Years = data.bla;

equipeMatch est une fonction avec les parametre recuperer dans le fichier php.
Je sais que cela fonctionne si la requete ne retourne qu'une ligne et que la fonction javascipt et celle ci:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function defmatchU10()
{
		var requete_ajax = new XMLHttpRequest();
		requete_ajax.open('GET','Essai.php', false);
		requete_ajax.send(null);
		//alert(requete_ajax.status);
		var data = eval ('('+requete_ajax.responseText+')');
			Years = data.Years1;
			alert(Years);
			Month = data.Month1;
			Day = data.Day1;
			Equipe = data.Equipe1;
			Rencontre = data.Rencontre1;
 
			equipeMatch(Years,Month,Day,Equipe,Rencontre);
		}

Or je voudrais que la function javascript s'execute un nombre de fois égale au nombre de ligne retourner par la requête php.

Merci de m'aider a trouver la réponse.

[Eric2a]

Salut,

Tu peux générer un tableau JS de ce genre...

Code js :

1
2
3
4
5
var data=[
	2,
	{Years:xxx, Month:xxx, Day:xxx, Equipe:xxx, Rencontre:xxx},
	{Years:xxx, Month:xxx, Day:xxx, Equipe:xxx, Rencontre:xxx}
];

où

data[0] contient le nombre de lignes
data[i] contient les données de la ligne #i

JS : Récupération des infos...

Code js :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
var data = eval(requete_ajax.responseText);
var nb = data[0];
var i,Years,Month,Day,Equipe,Rencontre;
for(i=1;i<=nb;i++){
	Years = data[i].Years;
	Month = data[i].Month;
	Day = data[i].Day;
	Equipe = data[i].Equipe;
	Rencontre = data[i].Rencontre;
 
	alert(
		'Ligne #'+i+'\n\n'+
		Years +'\n'+
		Month +'\n'+
		Day +'\n'+
		Equipe +'\n'+
		Rencontre
	);
 
	equipeMatch(Years,Month,Day,Equipe,Rencontre);
}

PHP : Génération de la variable JS (non testé)

Code php :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$nb = mysqli_num_rows($requete);
$js='';
while($Data = mysqli_fetch_assoc($requete)){
	$js.=",\n\t{";
	$js.='Years:'.$Data["Years"].', ';
	$js.='Month:'.$Data["Month"].', ';
	$js.='Day:'.$Data["Day"].', ';
	$js.='Equipe:\''.$Data["Equipe"].'\', ';
	$js.='Rencontre:\''.$Data["Rencontre"].'\'';
	$js.='}';
}
echo "[\n\t".$nb.$js."\n];\n";

[freeman43]

Merci de ton aide.

J'ai un probleme, car je n'arrive pas a acceder a la donnees nb.
juste apres:

Code :

var nb = data[0];

j'ai ajouter un alert sur cette variable, et la box ne s'ouvre pas.

Je ne voit pas d'ou cela peux venir.

[freeman43]

Merci en faite ca fonctionne.
Cala venait de moi qui n'avait pas modifier la rcommande:

Code :

var data = eval (requete_ajax.responseText);

Merci encore, ca va carrement simplifier mon code.

encore Merci.