[AJAX] Comment recuperer des variable

**Emcy** · 13/11/2006, 13h15

bonjour,

Avec AJAX, je sais recuperer le contenu d'un fichier et l'afficher dans une page.

Maintenant, j'aimerais afficher des variables qui sont dans un fichier
1- comment faut-il structurer le fichier qui contient les variables ? met-on juste les variables les unes � la suite des autres ou faut-il mettre une entete ? faut-il que le fichier soit en XML ?
2- comment recuperer les variables pour les afficher dans mon fichier Html ?

**denisC** · 13/11/2006, 14h50

Envoy� par Emcy

bonjour,

Avec AJAX, je sais recuperer le contenu d'un fichier et l'afficher dans une page.

Maintenant, j'aimerais afficher des variables qui sont dans un fichier
1- comment faut-il structurer le fichier qui contient les variables ? met-on juste les variables les unes � la suite des autres ou faut-il mettre une entete ? faut-il que le fichier soit en XML ?
2- comment recuperer les variables pour les afficher dans mon fichier Html ?

Les formats les plus utilis�s sont:

XML, il faut utiliser le responseXML au lieu du responseText
JSON, cf : http://javascript.developpez.com/faq...n.introduction
Tout format texte que tu juges pertinent, en parsant de fa�on ad�quate.

**Emcy** · 13/11/2006, 16h52

d'accord.

dans quel cas faut-il utiliser JSON ou XML ?

**denisC** · 13/11/2006, 17h17

Envoy� par Emcy

dans quel cas faut-il utiliser JSON ou XML ?

Bof.

Je dirais XML si tu comptes en faire des autres choses compliqu�es (webservices vers des clients lourds, ....).
JSON si tout ce que tu veux faire c'est du Ajax dans cette page.

Apr�s, les gouts et les couleurs.... Prends celui que tu comprends le mieux

**Emcy** · 13/11/2006, 17h49

d'accord,

je me suis pench� sur JSON (c'est plus l�g�), mais �a ne marche pas. Pourquoi (j'ai regard� sur le site officiel mais c'est pas tr�s clair) ?

code html :

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
18
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="RecupereVariables.js"></script>
	</head>
 
	<body>
 
		<span style="cursor: pointer; text-decoration: underline;" onclick="makeRequest('./data.json')">
                Lancer la requete
        </span>
 
		<p>Ma Variable 1 : <span id="mot1">Valeur 1</span></p>
		<p>Ma Variable 2 : <span id="mot2">Valeur 2</span></p>
 
    </body>
</html>

le fichier data.json :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
var JSONvariables = { 
	"variable1_json": "toto", 
	"variable2_json": "tata" 
}

le fichier RecupereVariables.js :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
var http_request = false;
 
function makeRequest(url) {
 
	http_request = false;
 
	http_request = new XMLHttpRequest();
 
	http_request.open("GET", url, true); 
	http_request.onreadystatechange = request_execute
	http_request.send(null); 
 
	/* http_request.onreadystatechange = request_execute;
	http_request.open('GET', url, true);
	http_request.send(null); */
}
 
function request_execute() {
 
	if (http_request.readyState == 4) {
 
		if (http_request.status == 200) {
			var Variables = document.getElementById('JSONvariables');
			document.getElementById('mot1').innerHTML = variable1_json;
 
		} else {
			alert('Il y a un problème avec la requète XMLHTTP');
		}
	}
}

**denisC** · 13/11/2006, 19h55

le fichier RecupereVariables.js :

Code js :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
		if (http_request.status == 200) {
			eval(http_request.responseText);
			document.getElementById('mot1').innerHTML = JSONvariables.variable1_json;
 
		} else {
			...

En fait normalement, tu ne renvoies pas le nom de la variable JSON et tu fais

Code js :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
var maVariable = eval(http_request.responseText);

Mais bon, avec le nom, �a marche aussi

[AJAX] Comment recuperer des variable

JavaScript

Vue hybride

Discussions similaires

Partager

Partager