json et javascript

Version imprimable

json et javascript

Bonjour a tous,

J'ai fais une fonction ajax qui appel un script php qui génère un fichier json mais je n'arrive pas a afficher toute les entrée du json dans ma page.
Le but en fait est de construire une liste déroulante avec les données du fichier json
voila mon code javascript:
Code:

1 2 3 4 5 6 7 8 9 function sous_famille(famille){ var requete_support = new XMLHttpRequest(); requete_support.open('GET','sous_support.php?fam='+famille,false); requete_support.send(null); var data = eval('('+requete_support.responseText+')'); document.getElementById("id_fam").innerHTML = data.id_fam; document.getElementById("design").innerHTML = data.design; document.getElementById("prix").innerHTML = data.prix+'€'; }
Mon code actuel n'affiche que la premiere entree du fichier json et en text dans ma page il faudrai une boucle? pour que les autre entrees soient prisent en compte...

un exemple de json:

Code:

{id_fam : 'bache300', design : 'Bache 300 DPI 1', prix :'10'} {id_fam : 'bache300', design : 'bache 300 DPI 20', prix :'100'}

pour cet exemple ma fonction ne me sors que la première accolade...
et si vous auriez une piste pour construire dynamiquement une liste déroulante ou les <option> serai la donnée design du fichier json

Merci d'avance

20/06/2009, 18h02
nod__
non là c'est pas un exemple de réponse JSON que tu donnes. C'est un exemple de deux réponses JSON. Pour que ça marche il faut renvoyer une liste d'objets dans un tableau. Avec ton code ceci marchera :
Code:

1 2 3 4 [ {id_fam : 'bache300', design : 'Bache 300 DPI 1', prix :'10'}, {id_fam : 'bache300', design : 'bache 300 DPI 20', prix :'100'} ]
Voila, maintenant il ne te reste plus qu'a faire une boucle for pour sortir toutes les infos. Mais quelque chose me dit que ça va foirer, il faudrait que tu nous montre ton HTML.

( edit ) tu devra peut-être enlever les retours à la ligne – qui sont inutiles – pour ne pas avoir de problème.

merci

J'ai juste changé le format du json comme tu me l'a dis et ca me renvoie undefine comme valeur,
La boucle je l'ajoute comment a ma fonction? désolé je suis plus php le javascript j'ai un peu de mal...

Il n'y a rien dans mon html encore juste

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
Veuillez choisir une famille de support :<span class=rouge> *</span><br /><br />
<select name="famille" id="famille" onchange="sous_famille(this.value)">
<?php
mysql_connect("*****", "****", "****");
mysql_select_db("****h");
 
$liste = mysql_query('SELECT * FROM famille');
while ($donnees = mysql_fetch_array($liste))
{
?>
<option value="<?php   echo $donnees['id_famille'];?>"><?php   echo $donnees['designation'];?></option>
<?php
} 
mysql_close(); 
?>
</select>
 
</p>
 
id: <span id="id_fam"></span><br>
désignation: <span id="design"></span><br>
prix: <span id="prix"></span>