Ajax ,JSON ,connaître le nom d'un objet récupéré depuis PHP

Version imprimable

Bonjour ,

je récupère des données depuis PHP, et je l'ai traite avec Ajax pour afficher un graphe

Données récupérées :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
[
  {
    "abreviation_etablissment": "U. Blida-1-",
    "nbre_PI": "34"
  },
  {
    "abreviation_etablissment": "U. STHB",
    "nbre_PI": "33"
  },
  {
    "abreviation_etablissment": "U. Boumerdès",
    "nbre_PI": "21"
  },
  {
    "abreviation_etablissment": "U. Sidi Bel Abbès",
    "nbre_PI": "25"
  },
  {
    "abreviation_etablissment": "U. Sétif-1-",
    "nbre_PI": "19"
  }
]

et pour les traitements au niveau d'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
30
31
32
33
34
35
36
 
 
.....
 $.ajax({
                url: "data.php",
                method: "POST",
                data: temp + postVar,
                //dataType: 'JSON',
 
            }).done(function(response) {
 
 
                var response = JSON.parse(response);
                var len = response.length;
                var firstfield;
 
 
 
                for (var i = 0; i < response.length; i = i + 1) {
 
                    x_axe_ = response[i].abreviation_etablissment;
                    y_axe_ = response[i].nbre_PI;
 
 
 
                    all[0].push(x_axe_); //all[0] array of labels
                    all[2].push(y_axe_); // all[2] array of number :count
 
                    //if (allCharts[index]) allCharts[index].destroy();
 
                    allCharts[index] = showGraph(id, defaultGraph, ...all);
                }
                // console.log(response);
 
 
            });

La question,
y a-t-il une méthode de savoir les noms des variables récupérées (abreviation_etablissment, nombre pi) sans revenir à la requête SQL et voir les champs récupérés , Presque toutes mes requêtes vont récupérer deux champs (mais parfois j'aurais des noms différents)

la solution que j'ai opté c'est de renommer tous les chams récupérés
pour le premier champ (x_axe) et le deuxième champ (y_axe)> ,cette façon m'a obligé de réécrire toutes mes requêtes

Code:

1
2
 
SELECT etablissement.abreviation_etablissment as x_axe, count(deposer_prop_etab.id_prop_intellec) as y_axe FROM ........  ORDER BY `y_axe` DESC

Merci

03/08/2020, 16h45
Toufik83
Bonjour,

Pour récupérer les clés d'un objet, tu peux utiliser Object.keys().
Code:

1 2 3 4 for(var i = 0; i < response.length; i = i + 1){ console.log("Clés de response["+i+"] :", Object.keys(response[i]) );//affiche les clés de l'item "i". }
Concernant le dataType:"json" d'ajax que tu as commenté, de-commente là et supprime le var response = JSON.parse(response);, car ajax convertit automatiquement le retour en json quand le dataType est json.

Comme tu peux aussi remplacer la boucle for, par $.each pour utiliser les fonctions de jQuery.

Bonjour,

Citation:

Envoyé par Toufik83

Pour récupérer les clés d'un objet, tu peux utiliser Object.keys().

je partirais plutôt avec Object.values() puisque les clés ne sont pas utilisées.
Code:

1 2 3 4 5 6 7 8 9 const datasX = []; const datasY = []; response.forEach((data) => { const tab = Object.values(data); datasX.push(tab[0]); datasY.push(tab[1]); }) console.log(datasX); console.log(datasY);

Merci Toufik83 , Merci NoSmoking

pour l'utilisation Object.keys(). J'ai pu récupérer les axes x et y ,(axe_X ,axe_Y)
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 var len = response.length; axe_X = Object.keys(response[0])[0]; // résultat = abreviation_etablissment axe_Y = Object.keys(response[0])[1]; // résultat = nbre_PI for (var i = 0; i < response.length; i = i + 1) { x_axe_ = response[i].abreviation_etablissment; y_axe_ = response[i].nbre_PI console.log(response[i].axe_X); // undefined console.log(response[i].axe_Y); // undefined all[0].push(x_axe_); all[2].push(y_axe_); } });
mais quand j'accède à la variable response[i].axe_X j'obtiens undefined ;Est-ce que parce que c'est un string et non pas un objet ? pourtant on récupère le même nom !

Citation:

et pour dataType:"json" ,car m'a provoqué une erreur de retour, donc en supprimant la ligne [var response = JSON.parse(response);] et en ajoutant dataType:JSON ; Ça fonctionne bien :mouarf:

----------------------------------------------

Et l'approche de NoSmoking en utlisant Object.values() Ça fonctionne parfaitement :D

Le problème est résolu, juste une indication pour la première approche avec Object.keys(), pourquoi on obtient undefined

Merci :)

03/08/2020, 19h47
younes2727

Merci Toufik83 , Merci NoSmoking
Le problème est bien résolu :D