AJAX et JSON

Bonjour à tous,

J'essaye de créer un graphe en dynamique à partir d'une page web où l'utilisateur doit choisir des options dans un menu déroulant et faire un submit (Post HTTP).
Les infos nécessaires à la création du graphe (plusieurs séries peuvent être remontées) sont générées par la page php qui est appelée et qui va requetere dans une base mysql.
J'aimerai retourner un objet JSON pour que Highcharts puisse l'interpréter...

Chaque objet issue de la base contient les champs suivants:
field1 --> nom de la série
field2 --> x value
field 3 --> y value
filed 4 --> texte pour infobulle

Voici un exemple de ce que la base peut me renvoyer:
SERIE1|1|12|blabla
SERIE1|5|8|blabla
SERIE1|7|4|blabla
SERIE2|3|2|blabla
SERIE2|8|15|blabla
SERIE2|10|9|blabla
SERIE3|5|3|blabla

A partir de ce moment là, comment fabriquer le tableau php pour que je puisse y applique ensuite un json_encode() ?

A terme, l'objet JSON doit être récupérer et interprété par ce script:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

$("#submit").click(function(){ filtre = $("#act").serialize() + '&' + $("#etr").serialize(); //define the post parameters to be sent to PHP Script $.post( "script.php", //the PHP script to get JSON result filtre , function(resultat){ $('#container').highcharts({ chart: { type: 'column' }, tooltip: { headerFormat: '<b>{series.name}</b><br>', pointFormat: 'délai:{point.x} j -> {point.tooltip}' }, series: [] }); }, "json" ); }); });

---

Comment compléter ce code pour que highcharts prenne en compte chaque série définie dans le JSON afin de la positionner sur le graphe?

Merci pour votre aide!

Bonjour,

Citation:

---

A partir de ce moment là, comment fabriquer le tableau php..

---

donc c'est un problème PHP, je déplace.

Bonjour,

fetchAll sur ta base mysql renvoi un tableau.
Donc
$variableTableau = $maVariableQuery->fetchAll(PDO::FETCH_ASSOC);
(par exemple en PDO)

Puis
echo(json_encode($variableTableau));
Pour envoyer la variable JSON à JS

Dans ton script JS au niveau de ta fonction xhr.onreadystatechange

variableTableau = JSON.parse(xhr.responseText);

Puis tu accèdes à tes champs :
variableTableau[0]['field1']