Discussion :

[mechakiss]

bonjour

j'ai besoin d'aide pour la compréhension de ce code, pouvez vous me l'expliquez svp

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script>
						function loadData(id,ofset)
						{
							$.ajax({ type: "POST", //methode GET ou POST 
								url: "ajax/getContent.php", //url à appeler
								data: "idarbre="+id+"&ofset="+ofset, success: function(msg){ 
										$("#resultContent").html(msg);
									} 
								});
						}
						</script>

Merci d'avance

[Njörd]

Bonjour mechakiss,

Je te conseil de lire ce tutoriel pour une introduction à l'Ajax : http://dmouronval.developpez.com/tut...-requete-ajax/

Le code que tu as posté utilise la fonction $.ajax de la librairie jQuery. En passant par jQuery, on a l'énorme avantage de :

- Ne pas s'occuper de l'instanciation d'un objet XMLHttpRequest qui diffère selon les navigateurs. Cet objet permet la communication entre ta demande ajax et le serveur.
- Ne pas coder en fonction de la réponse du serveur. Différent status existe.

Un peu plus d'explications : http://nicolaspied.developpez.com/ajax-premiers-pas/
Et http://siddh.developpez.com/articles/ajax/#LIII

Donc en détaillant :

$.ajax te permet de renseigner :
- la méthode d'envoi des données
- l'URL de ta page gérant l'action
- les données que tu envoies à cette page
- le success cache ce qu'il y a sous le capot, notamment la gestion de la réponse du serveur. Si tout est ok (lis le dernier lien, tout est expliqué) il entre dans la fonction qui s'occupe principalement de faire un affichage. Sinon, il va dans le else et tu affiche ton message d'erreur.

A noter que ta variable msg en paramètre de la fonction présente dans le success constitue la réponse de ton serveur.

Voilà, enjoy