Discussion :

[Xeuch]

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
Et je pense que c'est pas logique de faire directement:

Code :

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

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.

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

[boboss123]

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 :

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

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 :

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

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 :

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

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");                
}