[AJAX] Passer en paramètre ajax un tableau javascript

Version imprimable

Bonjour, je cherche à savoir si c'est possible de passer en paramètre ajax un tableau javascript, et qu'il soit interprété en tant que tel.

Je m'explique. J'ai une page qui construit un graphique à partir d'un tableau javascript. Je tente de construire ce tableau dans une page php appelée en ajax (jusque là ça fonctionne), mais je ne sais pas comment renvoyer le tableau javascript pour qu'il soit interprété.

J'arrive bien à créer mon tableau javascript à partir de données php, mais lorsque je retourne le résultat du tableau, il n'est pas interprété.

C'est jouable ? Une idée ? Merci d'avance.

Voici ma page ajax :
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 function construisTableauJS($tableauPHP, $nomTableauJS){ echo $nomTableauJS." = new Array();"; for ($i=0; $i<count($tableauPHP); $i++) { if (!is_array($tableauPHP[$i])) { echo $nomTableauJS."[".$i."] = ".$tableauPHP[$i].";"; } else { construisTableauJS($tableauPHP[$i], $nomTableauJS."[".$i."]"); } } return; } $varCulture = "EBM"; $varEcheance = "2"; $varCotation = mysql_query("SELECT * FROM ".$varCulture." ORDER BY timestamp ASC"); while ($varNtotal = mysql_fetch_array($varCotation)) { $varVar2 = "varHistorique_".$varCulture.$varEcheance; ${$varVar2}[] = array($varNtotal['timestamp'], $varNtotal['echeance_'.$varEcheance]); echo "<script type='text/javascript'>"; construisTableauJS($$varVar2, $varVar2); echo "</script>"; } echo json_encode(array('requete'=>$varVar2));

12/01/2012, 13h50
Bovino

Citation:

Envoyé par nicolas2603

je cherche à savoir si c'est possible de passer en paramètre ajax un tableau javascript, et qu'il soit interprété en tant que tel.

Non, les données transitent via le protocole HTTP qui est sans état, ce qui fait que seules des données textuelles peuvent être échangées.
En revanche, il y a dans la FAQ et dans les contributions des exemples pour "sérialiser" un tableau JavaScript et l'envoyer à un script PHP.
12/01/2012, 14h17
nicolas2603

Ok, donc il faut que je le "sérialise" car il transite sous forme de chaine en fait. L'idée, c'est de sérialiser dans ajax et de l'envoyer via json sérialisé, ou au contraire d'envoyer la chaine, et ensuite de sérialiser le résultat obtenu ?
13/01/2012, 12h27
nicolas2603
Bon alors voici où j'en suis.
1. la page qui va interpréter le tableau en javascript et qui appelle l'AJAX :
Code:

1 2 3 4 5 6 7 $.post('inc.php', { culture: num[0], echeance: num[1] }, function(data) { var tableau = eval('('+data+')'); alert(tableau); }, 'json' );
Et la page AJAX qui créé le tableau et le retourne sérialisé en JSON :
Code:

1 2 3 4 while ($varNtotal = mysql_fetch_array($varCotation)) { $varHistorique[] = array($varNtotal['timestamp'], $varNtotal['echeance_2'); } echo json_encode($varHistorique);
Lorsque je fais un alert basique, je vois bien toute mes valeurs passées, sous la forme x1, x2, x3, x4. Et lorsque je fais l'éval, je n'obtiens que la dernière valeur.

Où est mon erreur ?
13/01/2012, 13h47
Bovino

Dans ton $.post(), tu précises déjà que le résultat attendu est au format JSON, c'est donc jQuery qui se charge de transformer le résultat reçu en objet (et au passage, de façon plus propre que ton eval()...), du coup, refaire un eval() sur ce résultat est une erreur.

Bon j'ai pris en compte ce que tu m'as dit, et j'ai corrigé le tir en comprenant un peu mieux le fonctionnement. J'ai du coup trouvé une fonction de transformation qui m'a donné un résultat satisfaisant.

1. la page qui va interpréter le tableau en javascript et qui appelle l'AJAX :

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
29
function array2json(arr) {
var parts = [];
var is_list = (Object.prototype.toString.apply(arr) === '[object Array]');
for(var key in arr) {
	var value = arr[key];
	if(typeof value == "object") {
		if(is_list) parts.push(array2json(value));
		else parts[key] = array2json(value);
	} else {
		var str = "";
		if(!is_list) str = key + ':';
		if(typeof value == "number") str += value;
		else if(value === false) str += 'false';
		else if(value === true) str += 'true';
		else str += value;
		parts.push(str);
	}
}
var json = parts.join(",");
if(is_list) return '[' + json + ']';
return '{' + json + '}';
}
 
$.post('inc.php',
{ culture: num[0], echeance: num[1] },
function(data) {
	var tableau = array2json(data);				
}, 'json'
);

2. la page AJAX qui créé le tableau et le retourne sérialisé en JSON :

Code:

1
2
3
4
5
while ($varNtotal = mysql_fetch_array($varCotation)) {
	$varHistorique[] = array($varNtotal['timestamp'], $varNtotal['echeance_2']);
}
 
echo json_encode($varHistorique);

Merci pour l'aide apportée ! :ccool: