JSON : envoi de tableau de String vers le Javascript

Salut à tous,

J'ai une question qui me fait rager depuis un petit moment.

Je travaille sur une portlet.
Lorsque l'utilisateur clique sur un bouton, je veux construire un arbre.
Les données de cet arbre proviennent du .java.

Ces données du .java sont dans un tableau de String. Ce tableau de String je souhaite le transmettre côté javascript.

Pour l'instant je m'y prends ainsi :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

org.json.JSONObject data = null; try { data = new org.json.JSONObject(dataForTree); // dataForTree est mon tableau de String   } catch(Exception e) { ... }

---

puis pour l'envoi :

Code:

---

1 2 3 4 5 6 7

try { PrintWriter writer = resourceResponse.getWriter(); writer.print(data ); } ...

---

Du côté javascript je récupère ce résultat: {"class":"class [[[Ljava.lang.String;"}

Ca me fait une belle jambe un resultat pareil. :mouarf:

Comment puis-je m'y prendre pour exploiter mon tableau de String ?

D'avance merci,
Nicolas

Code:

---

var monjsonexploitable= eval(+'('+retournstringjson+')')

---

Citation:

---

Envoyé par SpaceFrog

Code:

---

var monjsonexploitable= eval(+'('+retournstringjson+')')

---

---

Pour toi monjsonexploitable c'est la variable qui contient {"class":"class [[[Ljava.lang.String;"} ?

et à quoi correspond retournstringjson ?

D'avance merci

Citation:

---

Envoyé par Nicolas74100

Pour toi monjsonexploitable c'est la variable qui contient {"class":"class [[[Ljava.lang.String;"} ?

et à quoi correspond retournstringjson ?

D'avance merci

---

Non, c'est le contraire ! :aie:

monjsonexploitable est une variable qui contiendra l'objet JavaScript évalué à partir de la chaine retournstringjson qui correspond à ton {"class":"class [[[Ljava.lang.String;"}

Merci pour vos réponse.

Je vais essayer cela.

PS : une dernière question et non des moindres (je l'espère :mouarf:) :
On peut utiliser cet outil quelque soit le type de la donnée ? Ca peut être un arrayList aussi bien qu'un tableau de String à 3 dimensions ou un tableau de string à 1 dimension ?

eval evaluera une chaine string quelle qu'elle soit ...
pour peut qu'elle soit formatée de façon correcte et corresponde à du code javascript bien mis en form, eval retournera l'evaluation de l'expression string


exemples:

Code:

---

1 2 3 4

eval("alert('bonjour')")   truc=eval('('+"{sayhello:'bonjour'}" +')') alert(truc.sayhello)

---

attention :
1) cas particulier d'une evaluation de string json avec '('+ ... +')'

2) eval est a manier avec parcimonie .... "eval is evil"

Ok.

Je suppose donc que dans mon cas ça ne pourra pas aller.
Dans mon programme de test, ma variable dataForTree est remplie de la manière suivante pour l'instant :

Code:

---

1 2 3 4

dataForTree[0][0][0] = "business1"; dataForTree[0][1][0] = "service1"; dataForTree[0][2][0] = "service2";

---

Ca ne peut donc pas fonctionner ?

utiliser le parser var donnees = JSON.parse(donnees_json);

http://fr.wikipedia.org/wiki/JSON#.C3.89valuation

mais ton problème est côté java il te faut généré un flux json est un print d'une classe ne produit pas un flux json

pour ça il te faut un outil type
http://jsontools.berlios.de/

tu trouvera une liste de lib json en java sur
http://www.json.org/
Java:
* org.json.
* Json-lib.
* JSON Tools.
* json-simple.
* Stringtree.
* SOJO.
* Restlet.
* Jettison.
* json-taglib.
* FLEXJSON.
* XStream.
* JsonMarshaller.
* Flexjson.
* Jackson JSON Processor.
* JON tools.
* google-gson.
* Argo.
* Pivot.

A+JYT

J'utilise org.json comme lib.

Lorsque j'aurai parsé je pourrai récupérer côté javascript mes données donc ?

Oui

mais il te faut d'abord en faire du JSON

org.json.JSONObject est une classe java donc ce que tu as dans ton "data" est un objet ce n'est pas du json

tu fait donc un print sur un objet et cela te produit une chaine std java qui te dis que tu as un objet de la classe "toto"

il te faut produire le JSON avant de le donner à ton client

Code:

---

1 2 3 4 5 6 7 8 9 10 11

org.json.JSONObject dataObject = null; String dataJSON; try { dataObject = new org.json.JSONObject(dataForTree); // dataForTree est mon tableau de String dataJSON = dataObject.toString(); } catch(Exception e) { ... }

---

Code:

---

1 2 3 4 5 6

try { PrintWriter writer = resourceResponse.getWriter(); writer.print(dataJSON ); } ...

---

puis coté javascript tu parse ton json et tu récupère tes données dans un objet javascript

A+JYT

Je te remercie pour tous ces conseils.

Lorsque tu me dis de Parser mon JSON côté Javascript, il faut que je le parse de quel type pour que je retrouve ma donnée de type String[][][] ? :calim2:

Nicolas

JSON.parser du navigateur ou à défaut si le navigateur ne l'impémente pas une fonction js trouvé sur le net ou dans un lib js va côté JS te reconstruire à l'identique ton objet de départs
exemple en php mais c'est pareil en Java

Code:

---

1 2 3 4 5

$r=array( array("toto","titi"), array("test", "truc") ); $json=json_encode($r);

---

cela créé un tableau contenant deux tableaux contenant des string
le json_encode vas mettre tout ça sous forme d'une chaine

Code:

---

[["toto","titi"],["test","truc"]]

---

cette chaine est transmise au navigateur là le js le parse

Code:

---

var data = JSON.parse(response.text)

---

on obtien donc un tableau javascript

Code:

---

alert(data[1][1]+' '+data[2][1]);

---

ta variable data est un tableau identique à celui que tu avait dans ton Java ou ton PHP

A+JYT

Alors je me suis lancé dans l'aventure.

J'ai commencé par télécharger une lib depuis http://jsontools.berlios.de/ pour Parser mon dataForTree (générer mon flux JSON).

Pour cela, j'instancie un objet JSONParser. Je bloque déjà à ce niveau là. Le constructeur prend en paramètre un InputStream ou un Reader.
Et j'ai pas trouvé comment transtyper mon dataForTree dans un de ces deux formats...

Saurais tu comment procéder ?

à m connaissance jsontools de berlios c'est en java

javascript normalement contient nativement l'objet JSON (sauf sur de vieux navigateur) si ton navigateur ne supporte pas cette methode
tu trouvera en js un équivalent ici
http://www.json.org/js.html

mais avant ça côté java produit ton json teste ton java et copie le json qu'il à produit

puis tu le colle sur http://json.parser.online.fr/ il va te faire le parsing et tu verra si ton json est correct et correspond à ce que tu attends.

A+JYT

Ok. Le problème c'est que je n'arrive pas à trouver comment Parser mon String[][][] en flux json.

La fonction pour le Parsing ne prend qu'une String ou un InputStream ou un Reader.
Je suis donc bloqué à ce niveau là

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

jsonParser.parse(InputStream);   // ou   jsonParser.parse(Reader);   // ou   jsonParser.parse(String);   // mais pas de   jsonParser.parse(String[][][]);

---

Citation:

---

Envoyé par Nicolas74100

Ok. Le problème c'est que je n'arrive pas à trouver comment Parser mon String[][][] en flux json.

La fonction pour le Parsing ne prend qu'une String ou un InputStream ou un Reader.
Je suis donc bloqué à ce niveau là

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

jsonParser.parse(InputStream);   // ou   jsonParser.parse(Reader);   // ou   jsonParser.parse(String);   // mais pas de   jsonParser.parse(String[][][]);

---

---

Si tu allais d'abord sur le forum Java pour ton problème et ensuite tu reviens ici.
Car déjà j'ai l'impression que tu ne sais même pas ce que tu fais

Effectivement au début de ce Topic je ne savais pas trop où je mettais les pieds.
Cependant grâce aux explications apportés par les membres, j'ai compris ce que je dois faire.
Je ne comprends donc pas ta remarque.

Comme dit plus haut eval n'evaluera que du code javascript
il faut donc que java ecrive une chaine que js pourra interpréter ...
La solution a ton problème se trouve coté java et non plus javascript .

côté java tu n'a pas à parser mais a encoder en json je t'ai corrigé ton bout de code pour produire un JSON avec org.json que tu as dit que tu utilisais

Code:

---

1 2	dataObject = new org.json.JSONObject(dataForTree); // dataForTree est mon tableau de String dataJSON = dataObject.toString();

---

la première chose à faire c'est de faire fonctionner ce bout de code qui doit te donner un chaine de caractère contenant quelque chose comme

Code:

---

[["toto","titi"],["test","truc"]]

---

une fois que ton servelt java produit ce genre de chose tu peux le vérifier avec le parseur online que j'ai donné en référence

lorsque côté java tout est OK
en javascript il te suffit de donner cette chaine à JSON.parser() pour obtenir le résultat

mais comme on n'a pas le code de ce que tu fais on ne sais pas comment tu créé ton JSON ni ce que tu mets dedans
on ne sais pas comment tu mets ça dans ton serveur JSP ni ce que produit ton servelt.

enfin on n'a pas non plus le code javascript de ta page HTML qui appelle l'Url de ton servelt on ne sais donc pas comment tu récupère ce que qu'il a produit donc on ne sais pas dans quelle variable tu as mis la réponse du servelt on ne peut donc pas dire comment tu peux le parser pour en faire un objet ou un tableau javascript

je crois qu'avant de chercher à parser du json ou quoi que ce soit d'autre
il faut que tu clarifie le processus global.

en général l'enchainement est le suivant.
Le client invoque une URL dans son navigateur
Le serveur active une méthode du servelt associé à l'url
la méthode produit une string contenant le source d'une page HTML
Le servelt rend la main au serveur
le serveur envoie la string (le html) au client
le navigateur reçois la string
il interprète le HTML qui est dedans
Il crée la page et affiche les divers élément.
sur un événement le navigateur active un code Javascript
le code Javascript invoque l'objet XMLHttpRequest
XMLHttpRequest invoque un URL
le serveur active la méthode du servelt associée à l'URL demande
la méthode fait son boulot et construit l'objet à retourner
la méthode encode en JSON l'objet à retourner ce qui produit une string
le servelt rend la main au serveur
le serveur envoie la string (contenant le JSON) au client
XMLHttpRequest reçois la chaine.
Il vérifie que ce n'est pas du XML
il active une méthode javascript et lui donne en paramètre l'objet reponse
le javascript appelle JSON.parse(response.text) pour décoder le JSON contenu dans le texte de la réponse
la méthode parse construit alors le ou les objet JavaScripts

donc dans tout ce processus la partie JSON est minime si tout le reste n'est pas implémenté correctement tu peux toujours essayer n'importe quel code pour encoder ou decoder du JSON que ce soit côte client ou côté serveur il n'y a aucun raison que ça marche.

ce processus n'est pas propre aux échanges JSON c'est le B-A-BA du web
A+JYT

Merci pour ton aide et ta patience sekaijin.

Je suis parvenu à encoder en JSON ainsi :

Code:

---

1 2	myString = new org.json.JSONObject().put("dataForTree", dataForTree).toString();

---

Je vérifie le résultat grâce au site http://json.parser.online.fr/ que tu m'as passé et il est valide.

Côté Javascript je récupère mon dataForTree.
Lorsque je fais un alert du résultat, je vois l'intégralité de mon tableau. :P

Je Parse ensuite mon résultat ainsi :

Code:

---

1 2 3

var data = JSON.parse(o.responseText); alert(data);

---

alert(data) m'affiche cela : [object Object]

Cependant le souci c'est lorsque j'effectue cela :

Code:

---

1 2	alert(data[0][0][0]);

---

Rien du tout ne s'affiche.

Dois-je transtyper ma variable data ? car pour l'instant c'est un Object.

Nicolas

affiche nous le JSON que tu produis car on ne sait pas comment est fait ton objet JS Data
le resultat de alert(data) semble indiqué que data est un objet et pas un tableau

donc data[0] n'existe pas

A+JYT

avant de parser mets ton data dans un innerHTML de ta page ...
tu verras ce que reçoit javascript comme chaine et tu pourras constater si elles est bien formatée...

Alors voici le JSON que je produis :
{"dataForTree":[[["business1",null],[null,null]],[[null,null],[null,"service1"]]]}

J'ai affiché avant de parser dans une div. J'obtiens cela :
{"dataForTree":[[["business1",null],[null,null]],[[null,null],[null,"service1"]]]}

D'avance merci pour votre aide ;-)

s'il a peu le parser avec http://json.parser.online.fr/ c'est que la JSON est correct

mais ce n'est peut être pas un tableau mais un objet qui contient un membre qui lui est le tableau

donc tant qu'on ne sais pas quel est le contenu on ne peut pas dire comment est construit l'objet js

A+JYT

c'est donc bien un objet

{"dataForTree":[[["business1",null],[null,null]],[[null,null],[null,"service1"]]]}


cela va te donner un objet data avec un membre dataForTree

tu peux faire

Code:

---

1 2	alert(data.dataForTree[0][0][0]); alert(data.dataForTree[1][1][1]);

---

A+JYT

Voici le contenu :

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

String[][][] dataForTree = new String[2][2][2]; dataForTree[0][0][0] = "business1"; dataForTree[1][1][1] = "service1"; org.json.JSONObject dataObject; dataObject = new org.json.JSONObject(dataForTree); // dataForTree est mon tableau de String String dataJSON = dataObject.toString(); String myString = ""; try { myString = new org.json.JSONObject().put("dataForTree", dataForTree).toString(); System.out.println(myString); }catch(org.json.JSONException e) { System.out.println(e.toString()); } String resourceID = resourceRequest.getResourceID(); if(resourceID.equals("tempo")) { PrintWriter writer = resourceResponse.getWriter(); writer.print(myString); }

---

on c'est croisé

avec ma réponse précédente tu devrais pouvoir t'en sortir

je te conseille d'ajouter quelques éléments à ton JSON

Code:

---

1 2 3 4 5 6 7 8 9 10 11

String myString = ""; try { myString = new org.json.JSONObject().put("dataForTree", dataForTree) .put("success", true) .toString(); System.out.println(myString); }catch(org.json.JSONException e) { System.out.println("{ \"success\":false, \"error\":\"".concat(e.toString()).concat("\"}")); }

---

ainsi ton json sera
{"dataForTree":[[["business1",null],[null,null]],[[null,null],[null,"service1"]]], "success":true} s'il n'y a pas d'erreur
et {"success":false, "error":"le message de l'exception"}

du coup dans ton javascript
tu peux tester le résultat

Code:

---

1 2 3 4 5 6

if (data.success) { alert(data.dataForTree[0][0][0]); alert(data.dataForTree[1][1][1]); } else { alert(data.error); }

---

A+JYT

sekaijin je te remercie beaucoup. Ca fonctionne parfaitement. :ccool:

Je remercie également les participants de ce Topic pour m'avoir aidé.

Salutations

Nicolas