[AJAX] coomment utiliser Json avec Ajax

Bonjour les pro du web

voici ma question.

je voudrais tester plusieurs valeurs de mon formulaire au moment du submit ou bien juste quand un champ change de valeur (onchange), modifier ce qui se trouve à l'intérieur de quelque éléments du DOM, ...
Je sais que je peux envoyer plusieurs informations avec la méthode post et AJAX cependant si à la réception je dois recevoir plusieurs information différentes par exemple :
un tableau, un élément à placer dans le dom, des valeurs, des texte etc..

Je ne sais pas comment se ferais la différenciation de toutes ces données à la réception avec responseText. :(
je sais qu'il faudra les parser mais je ne sais pas comment car je n'ai jamais fait du parsing :roll:
Et je pense que c'est pas logique de faire directement:

Code:

---

parseInt(xhr.responseText)

---

laquelle des données de la chaine cela va me retourner?
Comment parser tout ça ? comment faire pour les identifier ?

J'ai vu dans mes recherches que Json pourrais m'aider à le faire mais malgré les tuto que j'ai lu ce n'est toujours pas claire pour moi.:cry:

Ne me dites pas qu'il faudra utiliser Json et récupérer les données et les parser car je ne sais pas encore comment le faire :(

Comment faire avec json pour créer l'objet qui contiendra tous ça à la réponse ?
comment à la réception les différencier.

Je voudrais savoir s'il y a un tuto qui pourrais m'expliquer de façon clair
avec exemple comment faire ce genre de chose.
Ou bien si quelqu'un pourrais m'aider avec un exemple clair.

Je vous serais très reconnaissant de votre aide.

Merci d'avance

Salut,

JSON devrait t'aider : il peut te permettre de créer un objet js contenant des objets, des tableaux et des fonctions.

voici un exemple de fichier .json que doit te renvoyer ton serveur web :

Code:

---

1 2 3 4 5 6 7 8 9 10

{ "val1":"1", "val2":"3", "tab":["a", "b", "cc"], "obj1":{ "val1":"4", "val5":"6" } }

---

Et voici le code pour faire ta requête AJAX en utilisant jQuery (on peut le faire en JS pure mais pourquoi se compliquer la vie :) ? )

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

// jQuery 1.9 $.ajax({ url: "myfile.json", dataType: "json", type: "GET", cache: false,   success: function(data){ alert(data.val1); alert(data.tab[2]); } });

---

Remarque : la puissance de javascript te permet aussi de ne pas être obligé que ton objet ait toujours les même champs, car tu peux tester si un élément d'un objet existe :

Code:

---

1 2 3 4 5 6

if(typeof data.valX !== "undefined"){ alert("L'objet contient l'élément valX => " + data.valX); } else { alert("L'objet NE contient pas l'élément valX"); }

---