[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