Récupération d'un Json

**Nheil** · 15/12/2010, 12h30

Bonjour à tous,
j'ai un problème pour récupéré la valeur d'un Json.

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
31
32
33
 
 
// Execution de la requête
$sth = $dbh->query($req);
$result = $sth->fetchAll(PDO::FETCH_ASSOC);
 
if($result)
{
	// On récupère la liste des tickets
	foreach($result as $data)
	{
		$ticket = array('noAppel'		=>	htmlentities($data['noAppel']),
						'dateAppel' 	=>	$data['dateAppel'],
						'dateCloture' 	=>	$data['dateCloture'],
						'statut' 		=>	htmlentities($data['statut']),
						'technologie' 	=>	htmlentities($data['technologie']),
						'POP'			=>	htmlentities($data['POP']),
						'dept'			=>	htmlentities($data['dept']),
						'Criticite'		=> 	htmlentities($data['Criticite']),
						'Symptome'		=>  htmlentities($data['Symptome']),
						'signalisation' =>  htmlentities($data['signalisation']),
						'x'				=> 	htmlentities($data['latitude']),
						'y'				=> 	htmlentities($data['longitude']));
 
		$ret['ticket'][] = $ticket;
		$ret['total'] = $data['Total'];
	}
}
 
// Deconnexion de la base de donnees
$dbh = null;
 
echo json_encode($ret);

J'utilise ces infos habituellement dans un grid via extjs.

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
	// Store des tickets en cours
	var stoTicketsClos = new Ext.data.Store({
		storeId: 'stoTicketsClos',
		url: 'data/incidents/getTicketsBackbone.php',
		remoteSort: true,
		autoLoad: true,
		method: 'POST',
		baseParams: {
 
 
			rechDate:		'',
			rechNumero:		'',
			rechCriticite:	'',
			rechPop:		'',
			rechStatut:		'',
			statut: 'C',
			depts: 	listeDepts,
			sort:	'',
			dir:	'ASC',
			start:	0,
			limit:	20,
			total:	0
		},
		reader: 
			new Ext.data.JsonReader({
				totalProperty: 'total',
				root: 'ticket'
			},
			new Ext.data.Record.create([
				{name: 'noAppel',		type: 'int'}, 
				{name: 'dateAppel',		type: 'date'}, 
				{name: 'dateCloture',	type: 'date'}, 
				{name: 'statut',		type: 'string'},
				{name: 'technologie',	type: 'string'},
				{name: 'POP',			type: 'string'},
				{name: 'dept', 			type: 'string'},
				{name: 'Criticite',		type: 'string'},
				{name: 'signalisation',	type: 'string'},
				{name: 'Symptome',		type: 'string'}, 
				{name: 'x',				type: 'decimal'},
				{name: 'y',				type: 'decimal'}
			])
		)
	});

Mais je souhaiterais récupéré mon Json tout bêtement dans un autre fichier en appelant mon Json sans passer par extjs.

J'espère avoir été clair pour mon souci.

**SpaceFrog** · 15/12/2010, 12h41

avec ajax et eval sur le responseText

**Nheil** · 15/12/2010, 13h39

peux tu m'en dire un peu plus?

**SpaceFrog** · 15/12/2010, 14h03

l'ajax pointe sur un fichier texte qui ne comporte que le json

et sur le readystatus 4 tu fais un eval du retour

Code :

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

myjson= eval('('+myajax.responseText+')')

**Nheil** · 15/12/2010, 14h07

Je t'avoue que je n'ai jamais utilisé d'ajax, je regarde un peu sur google la, mais ca reste bien flou

**SpaceFrog** · 15/12/2010, 14h31

regarde plutot les tutos sur developpez ...

**Nheil** · 15/12/2010, 14h44

En cherchant je continue à bidouiller dans mon code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
var stoX = new Ext.data.JsonStore({
		 storeId: 'stoX',
		 fields:['x']
	 });
	//On remplit le store
	 for(var i = 0; i < 20; i++){
			stoX.add(new Ext.data.Record({x: i}));
			alert(stoX);
 
	}

le alert me retourne object Object

**Nheil** · 15/12/2010, 15h54

Je trouve bien des informations mais concernant des fichiers .json.

Dans mon cas c'est un fichier php qui retourne un json..
J'avoue être bien perdu la

**SpaceFrog** · 15/12/2010, 16h14

si ton php genère un string json suffit de l'ajaxer et d'evaluer le responseText comme dit ci dessus ...

**Nheil** · 15/12/2010, 16h20

si ton php genère un string json suffit de l'ajaxer et d'evaluer le responseText comme dit ci dessus ...

Ca parait effectivement simple dit comme ca.
Je tourne depuis ce midi pour trouver une façon 'd'ajaxer' mon json et 'd'évaluer' le responseText

**SpaceFrog** · 15/12/2010, 16h27

suffit de rechercher les tutos concernant ajax sur ce forum ...

**SpaceFrog** · 15/12/2010, 16h29

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/JavaScript'>
 
	 		function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
var myjson;
			function go(){
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
					 myjson=eval('('+xhr.responseText+')');
					}
				}
				xhr.open("GET","ajax.php",true);
				xhr.send(null);
			}
		</script>
	</head>
	<body>
		<input type='button' value='choppe le json' onclick='go()' />
 
	</body>
</html>

**Nheil** · 15/12/2010, 16h40

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
 
 
var myjson;
			function go(){
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
					 myjson=eval('('+xhr.responseText+')');
					}
				}
				xhr.open("GET","../../data/incidents/getTicketsBackbone.php",true);
				xhr.send(null);
				alert (xhr);
			}

mon alert m'affiche maintenant [object XMLHttpRequest]

**SpaceFrog** · 15/12/2010, 16h46

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/JavaScript'>
 
	 		function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
var myjson;
			function go(){
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
					 myjson=eval('('+xhr.responseText+')');
                                         var liste=""
                                         for(elt in myjson) {
                                              liste+=elt+ "=>"+myjson.elt+'\n'
                                              }
                                          alert(liste) 
					}
				}
				xhr.open("GET","ajax.php",true);
				xhr.send(null);
			}
		</script>
	</head>
	<body>
		<input type='button' value='choppe le json' onclick='go()' />
 
	</body>
</html>

**Nheil** · 15/12/2010, 16h55

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
 
 
var myjson;
			function go(){
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
					 myjson=eval('('+xhr.responseText+')');
 
					var liste=""
                     for(elt in myjson) {
                            liste+=elt+ "=>"+myjson.elt+'\n'
							}
							alert(liste)
 
					}
				}
				xhr.open("GET","../../data/incidents/getTicketsBackbone.php",true);
				xhr.send(null);
 
			}

Je n'ai pas d'alerte lorsque j'appuie sur le bouton

Je repars sur mon problème aujourd'hui si quelqu'un a des idées

**SpaceFrog** · 16/12/2010, 09h08

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/JavaScript'>
 
	 		function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
var myjson;
			function go(){
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
					 myjson=eval('('+xhr.responseText+')');
                                         var liste=""
                                         for(elt in myjson) {
                                              liste+=elt+ "=>"+myjson[elt]+'\n'
                                              }
                                          alert(liste) 
					}
				}
				xhr.open("GET","ajax.php",true);
				xhr.send(null);
			}
		</script>
	</head>
	<body>
		<input type='button' value='choppe le json' onclick='go()' />
 
	</body>
</html>

le fichier ajax.php:

Code :

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

1
2
3
<?php
echo "{one:1, two:2, three:3}";
?>

le resultat en pièce jointe ...

Testé et approuvé par Spacefrog, sujet résolu pour moi ...

**Nheil** · 16/12/2010, 09h24

Petite question, le chemin spécifié ici

Code :

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

xhr.open("GET","ajax.php",true);

Il correspond a quoi exactement?
Car lorsque je met ajax.php dans le même dossier ca ne fonctionne pas.
Mais si je le mets a la racine de mon site ca fonctionne..

**SpaceFrog** · 16/12/2010, 09h30

c'est le chemin du fichier relatif a la page qui porte le script ...

**Nheil** · 16/12/2010, 09h40

effectivement ca fonctionne bien pour un fichier comme ton
ajax.php

Mais lorsque je tente de retourner les données via mon getTicketsBackbone.php
Je n'ai pas de retour d'informations.

De quel manière je peux transformer mon echo json_encode($ret); vers des données de ce type:

echo "{one:1, two:2, three:3}";

**SpaceFrog** · 16/12/2010, 09h50

en php tu as json_encode et json_decode ...

Récupération d'un Json

JavaScript

Discussions similaires

Partager

Partager