[DOM] Utilisation de JSON

Bonjour,

Je voulais simplement savoir si vous aviez des url de tutoriels plutot complets et simples en même temps (et en francais si possible ^^ ) sur l'utilisation de JSON car je n'en trouve qu'en anglais ou pas super bien expliqués.

Merci d'avance !

Tu n'a pas bien cherché !

ICI ou LA

Il y en à d'autres...

A+

en effet ils ont l'air pas mal

ben j'ai encore des progrès à faire au niveau de la recherche :oops:

Merci (si vous en avez d'autres à proposer n'hésitez pas)

En fait, si j'ai bien compris le fichier json contient des données en dur.

Pour ma part, j'utlise l'objet XMLHttpRequest comme dans ce cours à la différence que je ne fais pas que des listes liées de cette façon (mais le principe est le même, j'appelle un fichier php pour modifier le code de ma page sans la recharger)

Mais on m'a dit d'utiliser JSON à chaque fois que je fais de l'ajax, donc à chaque fois que j'utilise le principe de ce cours.

Seulement, je ne vois pas comment coupler les deux ...

Pouvez vous m'aider la dessus svp ?

Merci d'avance

Bonjour,

Si tu utilises ajax pour modifier une parti de ta page HTML, ton script PHP te renvois du texte (format HTML ou autre) que tu inserres dans ta page (dans le div concerné par exemple) via innerHTML ou autre via DOM. Ne pas oublier le header dans le script PHP.

L'utilisation de la notation JSON est plutot pour échanger des données type variables (voir ICI avec jQuery).

De plus, AJAX est à l'origine prévu pour XML d'ou le X .

Donne un peu plus de détail sur ce que tu comptes faire.

A+

J'utilise AJAX pour faire de la modification de certaines pages html (comme des listes liées ou un tableau qui s'affiche en fonction des choix qu'on fait dans une série de listes déroulantes ... )

Citation:

---

De plus, AJAX est à l'origine prévu pour XML d'ou le X .

---

Je pensais que JSON permettait de remplacer le XML pour certains cas ? (du fait qu'il est plus facile à mettre en place car utilisable directement par javascript) du moins c'est ce que j'avais cru comprendre

J'ai aussi du mal à saisir la différence entre modifier le code d'une page (ce que l'on fait avec AJAX si j'ai bien suivi) et faire de l'échange de données (avec JSON)

JSON est de plus en plus utilisé car moins gourmand en volume de données échangées.

Pour ce qui est d'être plus facile à mettre en oeuvre, cela dépendant de ce que l'on veut réaliser.

AJAX fait une requète vers un serveur pour exécuter un script en transmettant ou pas des données. Ce script renvera (ou pas) des données (quelque soit le format) au client qui réalisera alors le traitement prévu pour la réponse.

Après, soit c'est du HTML (ex ton tableau construit via le script PHP) que tu inserres dans un DIV par exemple, soit tu envoies des données pour un objet Javascript qui pourra les utiliser ultérieurement suivant les actions faites par l'utilisateur. Exemple sur un site de création d'itinéraire, une fois que l'utilisateur a créé son itinéraire (nom, distance, nb d'étape, nom des étapes, ...) il va l'enregistrer, si l'itinéraire est un objet en JSON, AJAX le transmettra vers le script PHP, qui facilement le transformera en tableau associatif (par ex) et inserrera les données dans une base. La réponse de ce script PHP pourra être juste 1 pour traitement bien effectué ou 0.

J'suis p'être pas très clair, hein!
A+

Je pense avoir saisi ton explication et ton exemple.

Si je te cite :

Citation:

---

Après, soit c'est du HTML (ex ton tableau construit via le script PHP) que tu insères dans un DIV par exemple, soit tu envoies des données pour un objet Javascript qui pourra les utiliser ultérieurement suivant les actions faites par l'utilisateur

---

Arretes moi si je me trompe, mais si je veux utiliser json et php lors d'une requête ajax, selon ce que j'ai trouvé, en gros je récupère mes données en php, je fais un tableau au format json, et je retourne le json_encode du tableau construit c'est bien ça ?
Ceci serait dans le deuxième cas si j'ai bien compris.

Et dans le 1er cas comment je dois faire ? la même méthode peut-elle être utilisée ou ne sert-elle a rien dans le 1er cas ? (par exemple pour mon tableau à ajouter sur la page)

Merci en tout cas pour ton aide ça me permet d'y voir plus clair

Si tu dois, suite à une action de l'utilisateur, mettre à jour un tableau HTML (<table>...</table>),
soit ton script PHP construit ce tableau au format HTML

Code:

---

1 2 3 4 5 6 7 8

$strHTML = "<table>"; while (condition vrai) { $strHTML .= "<tr><td>blablabla</td></tr>"; } $strHTML .= "</table>"; header(truc html); echo $strHTML;

---

Puis tu inserres le tableau dans le div (exemple) via monDIV.innerHTML = ajaxReponse.
Soit ton script PHP renvoie un objet JSON, alors il faut créer l'objet via eval() en javascript, puis traiter les données de l'objet pour mettre à jour le tableau HTML.
Soit ton script PHP renvoie du XML, alors il faut traiter la réponse via getElementByTagName() et mettre à jour le tableau HTML.

Dans ton cas, me semble-t-il, c'est la construction du tableau HTML par le script PHP.

A+

oui mon script php est appelé et en fonction de la sélection de l'utilisateur le tableau est généré dynamiquement et affiché par ajax à l'emplacement définit