Lecture d'un fichier json

Version imprimable

Bonjour,

C'est la 1ère fois que je suis amené à traiter un fichier JSON.
J'ai généré le fichier json dont le contenu apparaît ci dessous.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 { "markerker": [ { "lat": "48.80715", "long":"2.4358515", "cle":"11" }, { "lat": "48.8071521", "long":"2.4358515", "cle":"12" } ] }
Je n'arrive pas à le lire en javascript.
J'ai essayé avec la fonction simple ci dessous, mais ça ne donne rien.
Code:

1 2 3 4 5 6 function addMarkers(){ $json = file_get_contents("mon_fichier_test.jason"); $parsed_json = json_decode($json); $latt = $parsed_json->{'markerker'}->{'lat'}; alert($latt); }
Quelqu'un pourrait m'aider à lire du json ?
Je vois bien que le sujet a déjà été maintes fois abordé ... mais ce que j'ai trouvé sur le net ne m'a pas permis d'avancer.

Merci.

Bonsoir

En PHP ? Ce n'est pas le bon forum( http://php.net//manual/fr/function.json-decode.php ).
En JS (http://devdocs.io/javascript/global_objects/json/parse) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//myJSON : '{"markerker":[{"lat":48.80715,"long":2.4358515,"cle":11},{"lat":48.8071521,"long":2.4358515,"cle":12}]}'
 
// Transformation en Objet JS
var datas = JSON.parse( myJSON );
 
// Debug, console, touche F12
// Object {markerker: Array[2]}
console.log( datas ); 
 
// Exploitation de l'array datas[ "markerker" ]
// Il contient deux objets anonymes.
// 0 " : " 48.80715 2.4358515 11 dvp0.html:72
// 1 " : " 48.8071521 2.4358515 12 
datas[ "markerker" ].forEach( function( element, index, array ){
    console.log( index, " : ", element[ "lat" ], element[ "long" ], element[ "cle" ] );
});

02/09/2014, 10h18
SpaceFrog
Tu mélanges js et php ???
Code:

1 2 3 4 5 6 function addMarkers(){ $json = file_get_contents("mon_fichier_test.jason"); $parsed_json = json_decode($json); $latt = $parsed_json->{'markerker'}->{'lat'}; alert($latt); }
8O 8O 8O

c'est une focntion php ou javascript ????

Il faut que tu revoies les bases, PHP c'est coté serveur et js coté client ...

Oui effectivement je me suis mélangé les pinceaux hier soir ... en intégrant du php dans une fonction javascript.

Mon objectif est donc bien de lire un fichier JSON depuis une fonction javascript.
Pour info, le fichier JSON est généré depuis un fichier PHP, appelé en AJAX, depuis une fonction javascript.

En fait j'ai testé ce cas là ... mais que je n'ai pas réussi à le faire marcher.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
 
function addMarkers(){
  downloadUrl('"mon_fichier_test.jason', function(data){
   var response = eval(data);
   var nombreAdresse = response.markerker.length;
 
   for(i = 0; i < nombreAdresse; i++){
        var_lat = response.markerker[i].lat ;
   }
  });
 } 
 
function downloadUrl(url, callback) {  
    var request = window.ActiveXObject ? 
        new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest;   
    request.onreadystatechange = function() {    
        if (request.readyState == 4) {            
            callback(request);    
        } 
    };   
    request.open('GET', url, true);  
    request.send(null); 
}

Toujours basé sur mon JSON :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
{ 
  "markerker": [ 
	{ 
           "lat": "48.80715", 
           "long":"2.4358515", 
           "cle":"11" 
         }, 
	{ 
          "lat": "48.8071521", 
          "long":"2.4358515", 
          "cle":"12" 
        } 
 ] 
}

02/09/2014, 13h10
SpaceFrog

jquery => fonctionnalités ajax ...
02/09/2014, 13h40
jerem_orga

Je ne comprends pas.
A priori j'ai passé l'étape JQUERY / AJAX (pour aller chercher les info dans ma BD avec des paramètres passés depuis ma fonctionJS)

A présent, sur mon serveur, j'ai un fichier .JSON.
Et j'ai cru comprendre que je devais aller lire le .JSON avec une fonction JS, non ?
02/09/2014, 14h48
Watilin

Si. :)

Aujourd'hui tous les (bons) navigateurs fournissent un objet JSON natif avec ses méthodes parse et stringify. C'est la première qu'il faut dans ton cas. Quand ton JSON arrive par Ajax, il est de type chaîne. Cette chaîne, tu dois donc la parser pour la transformer en un objet JavaScript.

Code:

var objetJson = JSON.parse(chaine);
02/09/2014, 14h51
SpaceFrog

Code:

downloadUrl('"mon_fichier_test.jason', function(data){

ton fichier se nomme

Citation:

"mon_fichier_test.jason

???

Sinon un ajax directement avec jquery en mode datatype json et le tour est joué ...
02/09/2014, 15h23
jerem_orga

Merci pour vos retours.

Watilin

Citation:

Quand ton JSON arrive par Ajax, il est de type chaîne.

En fait, le fichier PHP génère un fichier .JSON.
Je me suis dit qu'il était mieux de générer un fichier, sachant que la chaîne renvoyé par AJAX pouvait être très importante.
Est ce en effet mieux de passer par un fichier ou pas finalement ?

SpaceFrog
En effet, l'appel au fichier PHP en AJAX, génère un fichier .JSON.

Citation:

Sinon un ajax directement avec jquery en mode datatype json et le tour est joué ...

Tu veux dire que je réutilises AJAX pour aller lire le contenu du fichier JSON ?
Aurais tu un exemple / tuto concret ?
02/09/2014, 15h44
SpaceFrog

http://www.developpez.net/forums/d14...ees-ajax-json/
02/09/2014, 22h26
jerem_orga

Merci ce lien m'a bien aidé.