Discussion :

[glbaa]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Spaffy !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[SpaceFrog]

JSON undefined sous IE

[Bovino]

Ben oui, c'est pour ça qu'il y a un else

[SpaceFrog]

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

[Willpower]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Spaffy !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[SpaceFrog]

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

[Willpower]

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.