cherche un tutorial JSON - javascript

[php_addict]

bonjour

j'utilise un tout petit peu AJAX pour 2 ou 3 trucs

et en attendant de pouvoir comprendre le JSON j'utilisais la fonction eval() qui apparemment: eval is evil...

Je cherche infructueusement un tutorial sur le JSON et javascript qui n'utilise pas eval() ...

connaitriez vous 'such a tutoriel ' ?

bonne journée

[Anthor]

C'est juste un tableau. Qu'est-ce que tu ne comprends pas ?

[Sephi-Chan]

Même question, peut-être pourrais-tu nous expliquer un peu ce que tu cherches faire et ce que tu as déjà fait.

JSON, c'est juste une notation pour représenter des objets, et — par un heureux hasard — c'est exactement la même notation qu'un objet Javascript !

Ainsi, voilà un objet JSON :

{

  name:      "Vegeta",

  race:      "Saiyan",

  health:    160,

  energy:    50

  abilities: [

    {

      name:    "Galick",

      damages: 53,

      energy:  20

    },

    {

      name:    "Final Flash",

      damages: 67,

      energy:  25

    }

  ]

}

JSON, c'est juste une façon de noter un objet pour l'envoyer à quelque chose d'autre. Tous les langages proposent des API pour transformer un objet JSON en objet dudit langage (par exemple PHP propose json_decode) ou inversement : renvoyer une chaîne (du type de celle que j'ai représentation (une chaîne de caractère) .

Pour utiliser JSON avec PHP, il faut faire attention à quelques choses. Ainsi, les clés (name, race, energy, etc.) et les chaînes doivent être entourées de guillemets doubles. Sinon le parser de PHP plante (et renvoie NULL).

Admettons donc que je reçoive un objet JSON dans mon script (dans cet exemple, je vais l'écrire en dur, mais dans la pratique tu auras généralement une source externe) :

<?php



$vegeta_as_string = '{

  "name":      "Vegeta",

  "race":      "Saiyan",

  "health":    160,

  "energy":    50,

  "abilities": [

    {

      "name":    "Galick",

      "damages": 53,

      "energy":  20

    },

    {

      "name":    "Final Flash",

      "damages": 67,

      "energy":  25

    }

  ]

}';



$vegeta = json_decode($vegeta_as_string);

print_r($vegeta);



// On crée une attaque pour notre ami.

$ability = new StdClass();

$ability->name = "Final Shine Attack";

$ability->damages = 99;

$ability->energy = 35;



$vegeta->abilities[] = $ability;



$vegeta_as_string = json_encode($vegeta);

echo $vegeta_as_string;



?>

Et voilà ce qu'affiche ce script (lancé en CLI) :

stdClass Object

(

    [name] => Vegeta

    [race] => Saiyan

    [health] => 160

    [energy] => 50

    [abilities] => Array

        (

            [0] => stdClass Object

                (

                    [name] => Galick

                    [damages] => 53

                    [energy] => 20

                )



            [1] => stdClass Object

                (

                    [name] => Final Flash

                    [damages] => 67

                    [energy] => 25

                )



        )



)



{"name":"Vegeta","race":"Saiyan","health":160,"energy":50,"abilities":[{"name":"Galick","damages":53,"energy":20},{"name":"Final Flash","damages":67,"energy":25},{"name":"Final Shine Attack","damages":99,"energy":35}]}

Voilà, j'espère que ces exemples t'auront permis de comprendre la puissance de cette notation d'échange de données.


Sephi-Chan

[Ter Rowan]

je pense avoir eu le même problème que php_addict

ce n'est pas tant savoir lire avec ses yeux le json

c'est savoir lors d'un échange ajax (ou ajaj) par exemple comment faire pour que le "texte" qui porte l'information json devienne un objet javascript


grossièrement l'équivalent de json_decode en php mais en javascript

je n'ai vu qu'eval moi aussi quand je cherchais, du coup j'ai décidé de passer à xml ^^

[Sephi-Chan]

Tu peux utiliser JSON2.js, une librairie documentée sur json.org.

Sinon, tu peux utiliser une librairie Javascript telle que jQuery, qui incorpore un parser JSON qui a l'avantage d'utiliser le support natif de JSON quand le navigateur le supporte (tous sauf dans les IE qui précèdent IE8).


Sephi-Chan

[php_addict]

merci pour toutes ces infos...

donc je vais m'exprimer plus clairement:

- j'ai une map de 15x15 carte admetons
- la carte peut defiler au nord, sud, est ouest...
- si javascript est activé alors seul la carte est chargée en ajax

fonctionnement de mon ajax:

- receiveReq.open("GET", 'map.php', true);

map.php genere les code html pour afficher la carte, ce sont evidement des div et du css

par contre map.php genere egalement un code javascritp (une varaible tableau pour les onmouseover sur les zones cliquables de la carte

ce que je faisait:

- receiveReq.open("GET", fichier, true); pour recupere le html pour afficher la map et le code JS
- je recupere le code JS du receiveReq.responseText dans une varialbe et fais un eval() pour executer le code JS

je sais c'est moche....

ce que je compte faire:

- receiveReq.open("GET", 'map.php', true) genere un fichier JSON avec le contenu de la carte à afficher (html) et le code JS pour les onmouseover
- utiliser JSON.parse plutot que eval pour executer le socde js

qu'en pensez vous?

merci ?

[Ter Rowan]

bon j ai pas cherché plus que cela mais en regardant le premier lien de Sephy il y a un eval utilisé dans la bibliothèque

du coup, certes ce n'est pas toi qui fait l'eval, mais la bibliothèque semble le faire


bref perso, je reste sur xml

[Sephi-Chan]

Cette librairie est la librairie de référence en ce qui concerne la manipulation d'objets JSON via Javascript. Son auteur, Douglas Crockford, est un grand gourou de ce langage. Tu peux être certain que son utilisation d'eval est sûre.

Une chose m'échappe : comment traites-tu le XML qui t'es retourné ?

Pour ton problème, php_addict, je pense que tu devrais aller au bout de la démarche et faire en sorte que map.php te renvoie un objet JSON qui contient le nécessaire pour construire le HTML de ta carte (et les événements) côté client : ce sera plus rapide (tu n'as que des données à transmettre, pas un gros pavé de HTML) et moins coûteux (tu utilises les ressources du client, pas du serveur pour générer le DOM).


Sephi-Chan

[php_addict]

Pour ton problème, php_addict, je pense que tu devrais aller au bout de la démarche et faire en sorte que map.php te renvoie un objet JSON qui contient le nécessaire pour construire le HTML de ta carte (et les événements) côté client : ce sera plus rapide (tu n'as que des données à transmettre, pas un gros pavé de HTML) et moins coûteux (tu utilises les ressources du client, pas du serveur pour générer le DOM).

bon, ca y est presque...en tout cas avec JSON ca marche :good:

me reste plus qu'à reduire la taille de mon fichier JSON et de le traiter mieux du cote client, car la c'est encore un peu brute de chez brute comme données...

encore merci...

autre question:

le JSON c'est pris en charge par tout les navigateurs? et depuis quand?

merci

a+

[Ter Rowan]

Une chose m'échappe : comment traites-tu le XML qui t'es retourné ?

assez simplement

au vu des difficultés que j'avais rencontré sur l'interprétation des propriétés d'un noeud avec ie en particulier, je restais sur un protocole de communication basique

<xml>
<tutu>
<titi>
valeur
</titi>
<toto>
valeur
</toto>
</tutu>
</xml>

en utilisant responseXML

j'ai vu sur le forum que d'autres avaient eu le même soucis que moi et finalement avait mis en place une couche javascript interprétant le responseText, ce qui permettait de garantir l'interprétation d'un noeud (je crois que c'était rowoll qui avait posté mais pas sûr)

jusqu'à présent j'avais comme info sur json
"json est interprétable nativement par javascript avec eval (avec tous les risques que cela comporte)"

maintenant j'ai "json est interprété par javascript avec une "bibliothèque" " et tu as raisons peu importe si il y a un eval dedans si la bibliothèque est bien sécurisée

conclusion
json est interprété non nativement et nécessite une bibliothèque
xml est interprété non nativement et nécessite du code

à chacun de voir, pour moi l'un n'est pas meilleur que l'autre dans l'absolu (sinon il aurait été abandonné) mais est plus adapté à certains programmeurs