Conserver l'ordre d'éléments JSON reçus, sans qu'ils soient ré ordonnés par ID ?

Version imprimable

Bonjour à toutes et à tous,

Je reçois par :
Code:

1 2 3 4 $.ajax( { type: "POST", url: "<?php echo base_url('index.php/ORDRES_TRANSPORTS/ordres_transports_c/XHR_liste_chauffeurs_disponibles');?>/"+date_heure_ordre_transport_DATE,
Le tableau JSON suivant :

Code:

{"inconnu":"inconnu","21":"21 : Nils Bbb \u279c astreinte","1":"1 : Alain-Bernard Delarose \u279c astreinte","67":"67 : Val\u00e9rie Delarose \u279c maladie","24":"24 : Albert Einstein \u279c maladie"}

Et j'exploite ces données pour reconstruire une liste déroulante avec :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 $.each(liste_chauffeurs_disponibles,function(id_chauffeur,texte) { // On crée les options du select. var opt = $('<option />'); opt.val(id_chauffeur); opt.text(texte); console.log($(opt)); // On positionne ces nouvelles options à la suite des options existantes (qui ont été supprimées au début !) // pour le select identifié par id="id_chauffeur" $('#id_chauffeur').append(opt); } );
Mon problème est que cette fonction $.each() ordonne les résultats par les Id (à gauche des : ).

Les données reçues dans cet ordre :
"inconnu":"inconnu",
"21":"21 : Nils Bbb \u279c astreinte",
"1":"1 : Alain-Bernard Delarose \u279c astreinte",
"67":"67 : Val\u00e9rie Delarose \u279c maladie",
"24":"24 : Albert Einstein \u279c maladie"

Deviennent, après traitement du $.each(), une liste déroulante dans cet ordre :
"1":"1 : Alain-Bernard Delarose \u279c astreinte",
"21":"21 : Nils Bbb \u279c astreinte",
"24":"24 : Albert Einstein \u279c maladie"
"67":"67 : Val\u00e9rie Delarose \u279c maladie",
"inconnu":"inconnu",

Alors, que je voudrais conserver l'ordre original qui est alphabétique sur les noms (extract SQL) et avec inconnu en premier.

Ici, je lis "Bovino, tu peux maîtriser l'ordre de tes champs via l'attribut DataMember de la classe que tu souhaites serialiser en JSON".
J'ai cherché DataMember, mais je ne vois pas comment l'utiliser ?

Comment faire ça ?
Merci.

01/09/2015, 22h03
mathieu

la dernière fois que j'ai eu ce problème, j'ai décomposé le tableau en une liste des clés et une liste des valeurs qui sont ensuite envoyés en JSON
01/09/2015, 22h38
NoSmoking

Bonjour,
n'aurais tu pas meilleur compte de passer par un Array d'objet JSON qui correspond plus à la structure que tu cherches à manipuler.

Salut,

et oui, c'est bien ça la solution, construire un tableau [0],[1],[2], dont les indices pointent chacun vers un tableau associatif de données.

J'ai un peu galéré à le mettre en place, mais au final, ça marche !

Voici le résultat corrigé qu'il fallait obtenir pour conserver l'ordre du tableau PHP/JSON, une fois passée dans la routine pour créer ma liste déroulante.

Tableau en construit en 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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 Array
(
    [0] => Array
        (
            [id_chauffeur] => inconnu
            [prenom] => Pas de chauffeurs
            [nom] => 
            [date] => 
            [type_date] =>  -
        )
 
    [1] => Array
        (
            [id_chauffeur] => 68
            [prenom] => Aaabbb
            [nom] => aaa
            [date] => 2015-09-03
            [type_date] => astreinte
        )
 
    [2] => Array
        (
            [id_chauffeur] => 21
            [prenom] => Nils
            [nom] => Bbb
            [date] => 2015-09-03
            [type_date] => astreinte
        )
 
    [3] => Array
        (
            [id_chauffeur] => 67
            [prenom] => Valérie
            [nom] => Delarose
            [date] => 2015-09-03
            [type_date] => maladie
        )
 
)

Tableau reçu via JSON :

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
[{
    "id_chauffeur": "inconnu",
    "prenom": "Pas de chauffeurs",
    "nom": "",
    "date": "",
    "type_date": " -"
}, {
    "id_chauffeur": "68",
    "prenom": "Aaabbb",
    "nom": "aaa",
    "date": "2015-09-03",
    "type_date": "astreinte"
}, {
    "id_chauffeur": "21",
    "prenom": "Nils",
    "nom": "Bbb",
    "date": "2015-09-03",
    "type_date": "astreinte"
}, {
    "id_chauffeur": "67",
    "prenom": "Val\u00e9rie",
    "nom": "Delarose",
    "date": "2015-09-03",
    "type_date": "maladie"
}]

Et voici le code pour créer la liste déroulante :

Code:

1
2
3
4
5
6
7
8
9
10
for (i = 0; i < Object.keys(liste_chauffeurs_disponibles).length; i++) {
    console.log(liste_chauffeurs_disponibles[i]);
    // On crée les options du select.
    var opt = $('<option />');
    opt.val(liste_chauffeurs_disponibles[i].id_chauffeur);
    opt.text(liste_chauffeurs_disponibles[i].id_chauffeur + ' : ' + liste_chauffeurs_disponibles[i].prenom + ' ' + liste_chauffeurs_disponibles[i].nom + ' \u21A6 ' + liste_chauffeurs_disponibles[i].type_date);
    // On positionne ces nouvelles options à la suite des options existantes (qui ont été supprimées au début !)
    // pour le select identifié par id="id_chauffeur"
    $('#id_chauffeur').append(opt);
}

Mille merci !
Nils