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

[Bovino]

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

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 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...

[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
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)

JSON est indéfini

[Bovino]

[SpaceFrog]

Détails de l’erreur de la page Web

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

[Bovino]

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

Code :

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

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 !

[SpaceFrog]

j'aurais du y penser

[glbaa]

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

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.

[SpaceFrog]

si tu avais regardé mon code ...

Code :

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

myjson.windows[0].content[elt].Title

[glbaa]

Autant pour moi

et Pour l’accès au JSON en externe, c'est possible ??

[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"

[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 ?

[glbaa]

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 ...

[SpaceFrog]

sous quel forme ? un fichier texte ?

[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.