Exploitation d'une String JSON reçue d'un WebService

Version imprimable

01/04/2016, 16h25
Cludo

Exploitation d'une String JSON reçue d'un WebService
Bonjour,

Je reçois d'un Web Service une String en JSON. Cette string est en fait un dataset Serializé en JSON. Ce data cette décris ma BDD.

La string en JSON cette tete:

Code:

{"Nom de ma requete":"{\"Table\":[{Champ-1-instance1\":value_de_type_int,\"Champ2":\"Value-de-type-string"} {Champ-1-instance2\":value_de_type_int,\"Champ2":\"Value-de-type-string"}]}

les \ sont surment du à l'interpretation du navigateur car avec un plugin spécifique JSON ils n’apparaissent pas. Mais ce n'est pas ma question.

la première chose que j'ai faite est de le mettre dans une variable pour la convertir en Objet AngularJS comme ceci:
Code:

1 2 var resultat= angular.toJson(stringJson);
Une fois celà fait j'aimerais pouvoir acceder au value de mes champ-1 et champ 2
je n'ai aucune idée de comment faire vue que Table est un objet JSON lui meme placé dans un objet JSON je suppose ensuite que pour parcourir toute les instances de table il va me falloir une boucle ?
Code:

1 2 var resultat= angular.toJson(stringJson);
est -il la bonne méthode?

Merci de votre aide.
01/04/2016, 17h05
Marco46

Ce json, même en tenant compte du fait qu'il est incomplet, est complètement invalide. Tu pourrais poster le véritable fichier et non un morceau pour en avoir le coeur net ?

Ca ce n'est pas du json :

Code:

[{Champ-1-instance1\":value_de_type_int
01/04/2016, 17h40
Cludo

Bonjour Marco46

Malheureusement non je ne peux pas poster le fichier complet. Pour plusieurs raisons mais entre autres pour des soucis de confidentialitées.
La synthaxe est

Code:

{"nom-de-methode":"{\"Table\":[{\"lId\":296,\"DataType\":\"String\",\"champ3\":null,\"champ4\":0},{\"lId\":296,\"DataType\":\"String\",\"champ3\":null,\"champ4\":0}]}"}

Ceci m'est fourni par un WebService en VB.net qui serialise en JSON un dataSet (sous forme de string) je lui demande ensuite de m'envoyer le résultat en JSON.

Du coup je pense (j'espère^^) que la synthaxe est correcte, mais j'ai plusieurs soucis:

1.) selon si je l'ouvre dans un plugin spécifique (dans un navigateur ) ou dans le navigateur directement (IE Chrome FF) les \ apparaissent ou pas (ils sont présent dans le navigateur mais pas dans le plugin). Pensant qu'il s'agissait d'un problème dans ma sérialisation j'avais fait dans mon web service la string en JSON généré et je l'avais "corriger" avec .Replace("\","") mais sa n'a rien changer.

2.) je ne sais pas comment en Angulars JS accéder au valeur de lId et DataType de {\"lId\":296,\"DataType\":\"String\",\"champ3\":null,\"champ4\":0} et {\"lId\":296,\"DataType\":\"String\",\"champ3\":null,\"champ4\":0}]}

3.) si il existe une erreur dans ma string comment la corriger avec Angulars?

Sa fait beaucoup de question, certaine basique certainement mais je suis débutant et un perdu...
Merci Beaucoup
02/04/2016, 18h23
Invité
Bonjour, le format d'un objet JSON attendu par AngularJs est :

Code:

{"nom":"Dupuis","prenom":"Enrico"}

Dans le cas de nombres, généralement c'est comme ça :

Code:

{"nom":"Dupuis","note":12,"age":26}

Ou alors, si tu as plusieurs objets, faut créer un tableau d'objets JSon comme ça(C'est ce que retourne souvent une requête $http, c'est le plus simple à lister avec un ng-repeat) :
Code:

1 2 3 4 [ {"nom":"Dupuis","prenom":"Enrico"}, {"nom":"Hammed","prenom":"Mohammed"} ]
Il faut donc que tu trouves un moyen de le générer comme ça.

Note : Tu peux aussi insérer un tableau dans un objet JSON comme ça :

Code:

{"nom":"Dupuis","prenom":"Enrico","scores":[0,3,8]}

Tu peux aussi injecter des variables dans un json comme ça :
Code:

1 2 3 var email = "jojo@jo.fr"; $scope.monObjet = { "nom":"Dupuis","prenom":"Henri","email":email};
Mon avis par rapport à ton Json, c'est qu'il faudrait mieux séparer les champs comme dans l'exemple 1 que j'ai donné, là je vois pas trop l'intérêt de créer un tel objet JSON, mais bon surement que tu dois l'interpréter ?.

Citation:

Envoyé par devwebsympa

Bonjour, le format d'un objet JSON attendu par AngularJs est :
...

Non rien à voir avec AngularJS la string JSON doit respecter les règles du format JSON.
quant à ça

Code:

{"nom-de-methode":"{\"Table\":[{\"lId\":296,\"DataType\":\"String\",\"champ3\":null,\"champ4\":0},{\"lId\":296,\"DataType\":\"String\",\"champ3\":null,\"champ4\":0}]}"}

c'est dû à une incompréhension de JSON côté serveur

nous avons là un objet JSON avec un seul champs de type String

Code:

{"nom-de-methode":"...."}

Or je suppose que le besoin est un objet JSON avec un champ de type object
Code:

1 2 3 4 5 6 7 8 { "nom-de-methode":{ "Table":[ {"lId":296,"DataType":"String","champ3":null,"champ4":0}, {"lId":296,"DataType":"String","champ3":null,"champ4":0} ] } }
la génération de cette chaine JSON n'est pas correct.
ça resemble à quelque chose généré comme ça
Code:

1 2 3 4 5 6 7 8 var table = []; table[0] = {"lId":296,"DataType":"String","champ3":null,"champ4":0}; table[1] = {"lId":296,"DataType":"String","champ3":null,"champ4":0}; var result = { "nom-de-methode" : JSON.stringify(table) } return JSON.stringify(result);
l'erreur et d'affecter au membre "nom-de-methode" un chaine JSON et non un objet.

du coup tu as fait un JSON.stringify(JSON.stringify(table)) de façon implicite.
ce qui explique les \"

il faut faire quelque chose d'équivalent à
Code:

1 2 3 4 5 6 7 8 var table = []; table[0] = {"lId":296,"DataType":"String","champ3":null,"champ4":0}; table[1] = {"lId":296,"DataType":"String","champ3":null,"champ4":0}; var result = { "nom-de-methode" : table // et non JSON.stringify(table); } return JSON.stringify(result);
A+JYT

03/04/2016, 12h31
Invité
J'ai essayé ce premier essai dans AngularJs en mettant des simples quotes

Code:

$scope.test = {"nom-de-methode":'{"Table":[{"lId":296,"DataType":"String","champ3":null,"champ4":0},{"lId":296,"DataType":"String","champ3":null,"champ4":0}]}'}

Ou avec l'indentation :
Code:

1 2 3 4 5 6 7 8 {"nom-de-methode":' {"Table": [ {"lId":296,"DataType":"String","champ3":null,"champ4":0}, {"lId":296,"DataType":"String","champ3":null,"champ4":0} ] } '}
Par contre, je n'arrive pas à obtenir les vars dans ma vue , j'ai essayé ça:

Code:

{{x.DataType}}

Mais cela ne fonctionne pas, j'essaye encore un peu...

EDIT : Mince le truc des simples quotes ne marche pas, le modèle de données n'est plus correctement interprété.

Essai 2:

Avec ça (J'ai carrément supprimé 2 doubles quotes):

Code:

$scope.test = {"nom-de-methode":{"Table":[{"lId":296,"DataType":"String","champ3":null,"champ4":0},{"lId":296,"DataType":"String","champ3":null,"champ4":0}]}}

Je tente ça dans ma vue :

Code:

{{x.DataType}}

ça marche toujours pas, je sêche là !
03/04/2016, 12h55
sekaijin

Citation:

Envoyé par devwebsympa

J'ai essayé dans ANgularJs en mettant des simples quotes
ça marche toujours pas je sêche là !

il ne faut pas de quote du tout
je pensais avoir été clair

A+JYT

Mince excuse moi

Bon alors du coup, j'ai compris... Lorsque son modèle de données sera bien formé, il pourra itérer comme cela (Je l'ai testé, ça marche bien) pour voir tous les DataType de son modèle de données :
Code:

1 2 3 4 5 6 7 test ={"nomdemethode":{"Table":[{"lId":296,"DataType":"String","champ3":null,"champ4":0},{"lId":296,"DataType":"String","champ3":null,"champ4":0}]}} for (x=0;x<test.nomdemethode.Table.length;x++){ console.log(test.nomdemethode.Table[x].DataType); }
Attention : J'ai remarqué que le nom nom-de-methode fait planter la boucle ! J'ai du la changer en nomdemethode !

Et j'ai testé ça avec succès dans Angular JS :

1. Dans le controleur ANGULAR JS, écrire :

Code:

$scope.test ={"nomdemethode":{"Table":[{"lId":296,"DataType":"String","champ3":null,"champ4":0},{"lId":296,"DataType":"String","champ3":null,"champ4":0}]}}

2. Et dans la vue HTML, écrire :

Code:

{{x.lId}} {{x.DataType}} {{champ3}} {{champ4}}

3. Dans la vue HTML s'affiche alors :

Code:

296 String 296 String

03/04/2016, 13h20
sekaijin
Citation:

Envoyé par devwebsympa

Je tente ça dans ma vue :

Code:

{{x.DataType}}

ça marche toujours pas, je sêche là !

là il s'agit d'une bonne pratique à appliquer.

Citation:

Envoyé par bonne partique

NE JAMAIS UTILISER DE NOM DE CHAMPS AVEC DES CARACTERES NON ALPHABETIQUE OU ACCENTS.

ouvrir la console et tapper
Code:

1 2 3 >test = {"truc-machin":14} >console.log(test.truc-machin) Uncaught ReferenceError: machin is not defined(…)
la bonne pratique est d'utiliser la notation camelCase
Code:

1 2 3 >test = {"trucMachin":14} >test.trucMachin) 14
l'autre solution mais pas cool avec AngularJS
Code:

1 2 3 >test = {"truc-machin":14} >console.log(test['truc-machin']) 14
cette syntaxe est une sous traction test.truc - machin

Code:

test.truc-machin

A+JYT
03/04/2016, 13h38
Invité

Tout à fait sekaijin, merci beaucoup !
04/04/2016, 09h55
Cludo

Bonjour sekaijin et devwebsympa

Tout d'abord un grand merci à vous 2 pour vos réponses très riches.

Tout d'abord, Sekaijin tu me dis que la présence de \ est du à la mise en format String de mon JSON. Pour l'obtenir j'utilise dans mon Web service la méthode

Code:

SerializedObject(monXml)

de JSON.Net or cette méthode me renvois obligatoirement une String JSON (http://www.newtonsoft.com/json/help/...sonConvert.htm). Mais la convertion dans AngularJS me permet de récupérer une forme correcte.

Devwebsympa, Effectivement je dois l'interprété pour générer un tableau avec. Mais les éléments de réponses que tu m'as apporté vont fortement m'y aider.

Citation:

Envoyé par Cludo

Tout d'abord, Sekaijin tu me dis que la présence de \ est du à la mise en format String de mon JSON. Pour l'obtenir j'utilise dans mon Web service la méthode

Code:

SerializedObject(monXml)

de JSON.Net or cette méthode me renvois obligatoirement une String JSON (http://www.newtonsoft.com/json/help/...sonConvert.htm). Mais la convertion dans AngularJS me permet de récupérer une forme correcte.

non ce que je dis c'est que le membre "nom-de-methode" est affecté avec une valeur qui est déjà une sérialisation JSON
un truc genre
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 Product product = new Product(); product.Name = "Apple"; product.ExpiryDate = new DateTime(2008, 12, 28); product.Price = 3.99M; product.Sizes = JsonConvert.SerializeObject(new string[] { "Small", "Medium", "Large" }); // ERREUR ICI ----------+ string output = JsonConvert.SerializeObject(product); //{ // "Name": "Apple", // "ExpiryDate": "2008-12-28T00:00:00", // "Price": 3.99, // "Sizes": "\[ // \"Small\", // \"Medium\", // \"Large\" // \]" //}
Alors qu'il faut affecter un objet
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 Product product = new Product(); product.Name = "Apple"; product.ExpiryDate = new DateTime(2008, 12, 28); product.Price = 3.99M; product.Sizes = new string[] { "Small", "Medium", "Large" }; string output = JsonConvert.SerializeObject(product); //{ // "Name": "Apple", // "ExpiryDate": "2008-12-28T00:00:00", // "Price": 3.99, // "Sizes": [ // "Small", // "Medium", // "Large" // ] //}
A+JYT