Afficher contenu JSON avec JavaScript sans AJAX

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

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 :

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 :

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

Spaffy !

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)

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

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 :

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]

json.png

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

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 :

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]

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

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