Discussion :

[legentil]

Bonjour à tous!

Je code un site en JQuery/JSON, et j'ai un souci sous chrome !

En php ,je récupère une liste de groupes de musique dans ma base de données, triée par nom de groupe. Je retourne ensuite ça au format JSON à ma fonction javascript.

En utilisant le débugger de chrome, je peux voir que ma structure retournée par ma fonction php est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

"{"5":"10 cents for a beer","1":"Apatricid","8":"Askatasuna","6":"Chepa","11":"Kirkipete","9":"Les Enrag\u00e9s du Cerveau","3":"Les Trous Duck","7":"Nasty Froggys","10":"The Sexopath","12":"Tirtap Crew","succes":true}"

Malheureusement un tri sur les clé est fait lorsque je fait mon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

retour = JSON.parse(data);

Et je me retrouve donc avec comme valeur dans retour :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
1: "Apatricid"
3: "Les Trous Duck"
5: "10 cents for a beer"
6: "Chepa"
7: "Nasty Froggys"
8: "Askatasuna"
9: "Les Enragés du Cerveau"
10: "The Sexopath"
11: "Kirkipete"
12: "Tirtap Crew"
succes: true

Vu que ces enregistrements sont destinés à renseigner une liste déroulante, mes enregistrements se retrouvent dans le désordre dans ma liste...

pour info, je parcours mes enregistrements en utilisant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
for(var key in retour){

A noter que sous firefox par contre, l'ordre est conservé.

Quelqu'un sait comment je pourrai retrouver mes données dans le bon ordre??

Merci à vous !

[danielhagnoul]

Bonsoir

J'ignorais cette particularité de Chrome qui s'amuse à remettre les clés numériques d'un objet dans "son ordre" ! C'est bon à savoir !

La solution la plus simple c'est de toujours utiliser une clé alphanumérique (minimum un caractère alphabétique dans la clé).

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
"{
	"a5":"10 cents for a beer",
	"a1":"Apatricid",
	"a8":"Askatasuna",
	"a6":"Chepa",
	"a11":"Kirkipete",
	"a9":"Les Enrag\u00e9s du Cerveau",
	"a3":"Les Trous Duck",
	"a7":"Nasty Froggys",
	"a10":"The Sexopath",
	"a12":"Tirtap Crew",
	"succes":true
}"

[legentil]

Merci pour ta réponse !

Le problème c'est que mon ID doit rester numérique (il est géré par mysql avec un auto-increment) !

Après je peux toujours essayer d'ajouter un préfixe à mon ID avant de retourner les résultats et de le retirer ensuite en javascript, mais ça me paraît pas très élégant comme solution : )

[NoSmoking]

Bonjour,
effectivement Chrome mets de l'ordre

Quelqu'un sait comment je pourrai retrouver mes données dans le bon ordre??

as tu besoin de l'ordre pour récupérer les datas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var data = '{"5":"10 cents for a beer","1":"Apatricid","8":"Askatasuna","6":"Chepa","11":"Kirkipete","9":"Les Enrag\u00e9s du Cerveau","3":"Les Trous Duck","7":"Nasty Froggys","10":"The Sexopath","12":"Tirtap Crew","succes":true}';
var retour = JSON.parse(data);
alert( retour['5']);

affiche quoiqu'il arrive le bon résultat.

[danielhagnoul]

Bonsoir

Pour obtenir une liste de (clé, valeur) dans un ordre précis il est préférable d'utiliser un array : [ [ key1, value1], [key2, value2], ...].

[Edit] Même avec des clés alphabétiques, Google s'amuse à faire "son" tri.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var d = {
	"z" : "10 cents for a beer",
	"a" : "Apatricid",
	"c" : "Askatasuna",
	"e" : "Chepa",
	"f" : "Kirkipete",
	"y" : "Les Enrag\u00e9s du Cerveau",
	"b" : "Les Trous Duck",
	"w" : "Nasty Froggys",
	"h" : "The Sexopath",
	"g" : "Tirtap Crew",
	"succes":true
};
 
var dj = JSON.stringify( d );
 
var nd = JSON.parse( dj );
 
console.log( d, "\n", dj, "\n", nd);

Mais contrairement aux clés numériques, l'affichage dans la page web reste dans l'ordre initial.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var tab = $.map( nd, function( value, key ){
	return [ key, value ];
});
 
$("<p>" + tab.join(", ") + "</p>").appendTo( "section.conteneur" );