Récupération JSON

Version imprimable

Récupération JSON

Bonjour,

Je suis sur Angular 4.
j'ai un petit problème sur la récupération de mes données JSON via API.

Je vous montre la partie de mon code.

voici le traitement de données dans Node JS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 router.get('/termCondition', function (req, res, next) { var query = 'ma requette'; request(query, function (error, response, body) { if (error) { console.log("error" + error); return null; } body = JSON.parse(body); return body; }); });
et voici ce que j'ai dans mon service:
Code:

1 2 3 4 5 6 7 getTermCondition() { return this._http.get("/termcondition/termCondition").map(data => data.json()).toPromise().catch((err) => function(){ console.log(err); }); }
et enfin mon component:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 ngOnInit() { var componentRef = this; //getTermCondition this.termService.getTermCondition().then((res) => { var jsonData = res; componentRef.termAndCondition = jsonData.getPolicy.Air.results.result.air_data.policy_data; }); }
Donc le nom de mon api c'est getPolicy.Air et je veux récupérer l'attribut "policy_data". Mais il prend le .Air comme attribut et ça casse l'opération. Je ne peux pas récupérer les véritables attributs

Je n'ai pas encore trouvé une solution pour mon problème. Pouvez-vous m'aider svp ? merci

15/03/2018, 16h14
Marco46

Citation:

Mais il prend le .Air comme attribut et ça casse l'opération.

Comprends pas. C'est quoi le message d'erreur ?

As-tu vérifié dans les outils de debug de ton navigateur, dans la partie réseau, que le flux retourné par ton endpoint /termCondition est correct avant d'entrer dans ton appli angular ?
15/03/2018, 17h18
psychadelic

peut être en passant par une autre notation ?

Citation:

jsonData.getPolicy['Air'].res...................
15/03/2018, 18h03
alpha582

Citation:

Envoyé par Marco46

Comprends pas. C'est quoi le message d'erreur ?

As-tu vérifié dans les outils de debug de ton navigateur, dans la partie réseau, que le flux retourné par ton endpoint /termCondition est correct avant d'entrer dans ton appli angular ?

Le message d'erreur c'est: cannot read property 'Air' of undefined.
Oui j'ai vérifié le flux retourné: c'est correct
15/03/2018, 18h05
alpha582

Citation:

Envoyé par psychadelic

peut être en passant par une autre notation ?

J'ai essayé mais malheureusement, ça retourne la même erreur :(:(
15/03/2018, 19h05
psychadelic

tu devrai quand même faire un console.log de ton jsonData

Code:

console.log( 'valeur du jsonData = ' + JSON.stringify( jsonData ));

et de nous en retourner une copie ici, histoire d'être bien certain de ne pas y voir à minima un problème de majuscules/minuscules...
15/03/2018, 19h18
Marco46

Citation:

Envoyé par alpha582

Le message d'erreur c'est: cannot read property 'Air' of undefined.
Oui j'ai vérifié le flux retourné: c'est correct

Dans ton flux tu as bien une propriété qui s'appelle getPolicy qui contient une propriété nommée Air ?

Le nommage est vraiment bizarre. getPolicy ça devrait être un nom de fonction pas de propriété.

Tu peux nous coller le flux json ici ?
15/03/2018, 20h22
alpha582

1 pièce(s) jointe(s)

Citation:

Envoyé par Marco46

Dans ton flux tu as bien une propriété qui s'appelle getPolicy qui contient une propriété nommée Air ?

Le nommage est vraiment bizarre. getPolicy ça devrait être un nom de fonction pas de propriété.

Tu peux nous coller le flux json ici ?

j'ai fais une erreur de copie de code plus haut ce n'est pas getPolicy.Air mais getSharedPolicy.Air, Excusez-moi
Le .Air c'est pas un attribut en faites mais c'est le nom getSharedPolicy.Air
je te donne ici un capture du json récupéré

Pièce jointe 360822
15/03/2018, 20h24
alpha582

Citation:

Envoyé par psychadelic

tu devrai quand même faire un console.log de ton jsonData

Code:

console.log( 'valeur du jsonData = ' + JSON.stringify( jsonData ));

et de nous en retourner une copie ici, histoire d'être bien certain de ne pas y voir à minima un problème de majuscules/minuscules...

j'ai fais une erreur de copie de code plus haut ce n'est pas getPolicy.Air mais getSharedPolicy.Air, Excusez-moi.
Voici un extrait du JSON.stringify

Code:

jsonData = {"getSharedPolicy.Air":{"results":{"status":"Success","status_code":100,"result":{"air_data":{"policy_data":{"policy_0":{"category":"contract_popup","block_data":{"baggage_fees":{"title":"Baggage Fees","paragraph_data":{"paragraph_0":"Many airlines charge fees for checked and carry-on baggage, which are not included ...};
15/03/2018, 20h44
alpha582

ça y est, j'ai résolu mon problème:

En faites il suffisait de mettre

Code:

jsonData["getSharedPolicy.Air"].results

au lieu de

Code:

jsonData.getSharedPolicy.Air.results

Je vous remercies ;);)
15/03/2018, 20h46
Marco46

Citation:

Envoyé par alpha582

j'ai fais une erreur de copie de code plus haut ce n'est pas getPolicy.Air mais getSharedPolicy.Air, Excusez-moi
Le .Air c'est pas un attribut en faites mais c'est le nom getSharedPolicy.Air

Ah bah voilà :)

Tu est donc obligé d'accéder à cette propriété par indirection componentRef.termAndCondition = jsonData['getSharedPolicy.Air'].results.result.air_data.policy_data;.

Le point est un caractère réservé, tu n'es pas censé l'utiliser dans un nom de variable. Après tu n'as pas forcément la main sur ton backend, la seule solution est donc l'indirection.