Afficher contenu JSON avec JavaScript sans AJAX

Version imprimable

Bonjour

Je souhaite afficher un contenu JSON avec JavaScript sans passer par AJAX pas de requête xhr.
En fait je suis connecté à une carte électronique via Socket qui me renvois les résultats de tests en JSON et moi je dois récupérer ce contenu et l'afficher dans une fenêtre avec JavaScript.
Pour l'instant j'essaye de faire un affichage simple sans connexion, donc mon contenu est mis dans un fichier .JSON à part.

Voila à quoi peut ressembler mon fichier :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 {"windows":[ { "id": "json01", "title":"BoardDefinition", "content": [{"Title":"PCB1","Value":"2.1" }, {"Title":"PCB2","Value":"2.3"}, {"Title":"PCB5","Value":"3"}], } ] }
Le résultat souhaité est le suivant :

PCB1 V2.1
PCB2 V2.3
PCB3 V3 ...

J'ai essayé de chercher sur plusieurs site mais tout le monde utilise AJAX, PHP ....

Merci d'avance

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var myStrJson='{"windows":[\
							{"id": "json01",\
							"title":"BoardDefinition",\
							"content":[{"Title":"PCB1","Value":"2.1" },\
										{"Title":"PCB2","Value":"2.3"},\
										{"Title":"PCB5","Value":"3"}]\
										}]\
							}';
 
var myjson=eval('('+myStrJson+')')
sortie=""
for(elt in myjson.windows[0].content){
 sortie+= myjson.windows[0].content[elt].Title + " " +myjson.windows[0].content[elt].Value + "\n"
 }
alert(sortie)

Code:

var myjson=eval('('+myStrJson+')')

Spaffy ! :triste:

Code:

1
2
3
4
5
6
7
8
var myjson;
if(JSON && JSON.parse){
    myjson = JSON.parse(json);
}
else{
   (new Function("myjson = " + json))()
}
alert(myjson.windows[0].title)

30/11/2011, 13h50
SpaceFrog

JSON undefined sous IE ;)
30/11/2011, 13h55
Bovino

Ben oui, c'est pour ça qu'il y a un else :aie:
30/11/2011, 13h58
SpaceFrog

Be non même avec le test il me dit undefined :aie:

Tu as bien modifié ta variable myStrJson en json ? :mouarf:
Parce que j'ai testé

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var json='{"windows":[\
	{"id": "json01",\
	"title":"BoardDefinition",\
	"content":[{"Title":"PCB1","Value":"2.1" },\
		{"Title":"PCB2","Value":"2.3"},\
		{"Title":"PCB5","Value":"3"}]\
	}]\
}';
if(JSON && JSON.parse){
    myjson = JSON.parse(json);
}
else{
   (new Function("myjson = " + json))()
}
alert(myjson.windows[0].title)

et ça fonctionne correctement avec IE8... :?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var myStrJson='{"windows":[\
							{"id": "json01",\
							"title":"BoardDefinition",\
							"content":[{"Title":"PCB1","Value":"2.1" },\
										{"Title":"PCB2","Value":"2.3"},\
										{"Title":"PCB5","Value":"3"}]\
										}]\
							}';
 
var myjson;
if(JSON && JSON.parse){
    myjson = JSON.parse(myStrJson);
}
else{
   (new Function("myjson = " + myStrJson))()
}
alert(myjson.windows[0].title)

Citation:

JSON est indéfini

30/11/2011, 14h12
Bovino

1 pièce(s) jointe(s)

8O :koi:

Pièce jointe 85663

:?
30/11/2011, 14h15
SpaceFrog

Détails de l’erreur de la page Web

Citation:

Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Horodateur : Wed, 30 Nov 2011 13:15:00 UTC

Message*: 'JSON' est indéfini.
Ligne*: 16
Caractère*: 1
Code*: 0
URI*: file:///C:/nouvelle_page_1.htm
30/11/2011, 14h25
Bovino

Arf... je suis bête !
Essaye avec

Code:

if(window.JSON && JSON.parse){

Tu as une erreur parce que ta page doit basculer en mode Quircks, du coup, pas de support de JSON qui est donc prit comme une variable et envoie donc une erreur ! :aie:
30/11/2011, 14h38
SpaceFrog

j'aurais du y penser :oops:

:ccool:
30/11/2011, 15h44
glbaa

Merci pour vos réponses, cela m'aide beaucoup. :ccool:

J'ai testé le code et cela à l'air de bien fonctionner.
Par contre j'aimerai savoir s'il y a une méthode pour faire pareil mais en plaçant le fichier JSON hors le JavaScript avec un URL???

Et aussi dans votre code vous avez mis :

alert(myjson.windows[0].title)

ça affiche bien : BoardDefinition

Par contre quand j'essaye avec Content :

alert(myjson.windows[0].content)

cela m'affiche : [object Object], [object Object], [object Object],

Si vous avez une idée je vous en remercie.
30/11/2011, 15h58
SpaceFrog

si tu avais regardé mon code ...

Code:

myjson.windows[0].content[elt].Title
30/11/2011, 16h14
glbaa

Autant pour moi :oops:

et Pour l’accès au JSON en externe, c'est possible ??
30/11/2011, 16h17
SpaceFrog

ben si tu mets juste le json dans un fichier js externe oui ...
sinon avec une bidouile au moyen d'une balise object

et "au temps pour moi" ;)
30/11/2011, 16h20
Bovino

Juste une question bête...
Pourquoi tiens-tu à ce point à te mettre des bâtons dans les roues et à te tirer des balles dans le pied ?
Pourquoi ne veux-tu pas récupérer le contenu de ton fichier avec xhr ?
30/11/2011, 16h36
glbaa

Citation:

Envoyé par Bovino

Juste une question bête...
Pourquoi tiens-tu à ce point à te mettre des bâtons dans les roues et à te tirer des balles dans le pied ?
Pourquoi ne veux-tu pas récupérer le contenu de ton fichier avec xhr ?

Parce que mon fichier JSON ne provient pas d'un serveur mais d'une carte électronique qui effectue un test et me renvoie le résultat à travers une socket en JSON.

Je débute avec les technologies web, si c'est possible de le faire avec xhr je suis preneur ...
30/11/2011, 16h38
SpaceFrog

sous quel forme ? un fichier texte ?
30/11/2011, 16h54
glbaa

Oui ! je pense que la personne qui s'occupe du soft de Test de la carte n'aura qu'à me retourner un printf sous le format JSON et moi je l'affiche.
30/11/2011, 16h58
SpaceFrog

ben il suffit qu'il te colles le fichier au format texte sur le serveur et toi tu xhr dessus
30/11/2011, 16h59
Willpower
Citation:
Envoyé par Bovino

Code:

var myjson=eval('('+myStrJson+')')

Spaffy ! :triste:

Code:

1 2 3 4 5 6 7 8 var myjson; if(JSON && JSON.parse){ myjson = JSON.parse(json); } else{ (new Function("myjson = " + json))() } alert(myjson.windows[0].title)
c'est pas pour lancer un troll sur eval(désolé gibaa), mais es-tu sûr que ta solution est techniquement (d'un point de vue de l'exécution) différente ou meilleure que le eval ?

j'ai déjà entendu des rumeurs sur le contexte qui était différent ou perdu, mais pourtant :
Code:

1 2 3 4 5 6 7 var myjson = 1; (function(myjson){ myjson = 2; eval("myjson="+json); // (new Function("myjson= "+json))(); alert(myjson.windows[0].title); // BoardDefinition })(); alert(myjson); // 1
donne exactement le résultat escompté. (testé sous IE et CHROME)
donc par curiosité, j'aimerai savoir d'où vient ces apprioris sur eval, de vieilles versions de navigateurs qui le gérait mal ? autres raisons ? des liens explicatifs à me proposer ?

merci d'avance et désolé pour le léger hors sujet.

edit: pour être tout à fait honnête, j'ai déjà rencontré un problème avec eval, la perte du caller lors de l'appel d'une fonction dans un eval sous IE.
Code:

1 2 3 4 5 6 7 function alpha(){ alert(alpha.caller); // null sous IE } function beta(){ eval("alpha()"); } beta();
edit: je viens de tester ces dernières lignes avec "new Function" et le bug ne se produit pas. (mais il faut appeler le caller.caller puisque le caller est la fn anonyme) :ccool:
30/11/2011, 17h01
SpaceFrog

ben c'est surtout que eval permet l'injection de javascript
30/11/2011, 17h03
Willpower

Citation:

Envoyé par SpaceFrog

ben c'est surtout que eval permet l'injection de javascript

t'as un exemple où eval permet de l'injection que "new function" ne permet pas ?

edit: sinon effectivement face à JSON.parse, c'est indiscutable que json.parse est meilleur.