Plan de cours
- Fonctionnement d’Ajax
- Ajax et java-script
- L’objet XMLHttpRequest
- Exemples de code
- création de l’objet requete
- Propriétés de l’objet XMLHttpRequest
- Méthode de l’objet XMLHttpRequest
- JavaScript Object Notation (JSON)
- Syntaxe
- Exemple de fichier JSON
- Utilisation d’un fichier JSON
- Avantages et inconvénients d’AJAX
- Pour aller plus loin
Profitez de ce manuel de formation en PDF pour comprendre mieux le Ajax et enrichir votre connaissance.
Commencez à télécharger ce cours adapté pour vous et à apprendre Ajax.
Articl es P C – AJA X : Pr em iers Pa s fa ut ju ste pe nse r à p ré cise r q ue le C onte nt Type es t " a p pl ic at io n/x m l" (et n o n " te xt /ht ml" c o m me c'e st gé néra le m en t le c as p ar d éf aut d u m oin s e n P H P). <? php head er ( 'Con tent Type: appl icati on/xm l' ); echo '' ; echo ' ' ; echo 'Hel lo Wo rld !' ; echo '' ;?> Naturel lem en t, lib re à v o us d 'ut ilis er des A PI X M L (et je v o us e n co ura g e à le f a ire , d' aill eu rs , si v o us a v ez à m an ip ule r de s d o nn ée s c o m ple xes o u e n g ra n de s q uant ité s) s i v o us e n a v ez à disp osit io n, pl utôt que d 'é crire v o usm êm e le XM L à la m ain . Pour f in ir , j' aim era is é m ettre u ne re co m man datio n : po ur é v iter q ue le s d on née s ret our née s p ar la re quête A ja x n e s o ie n t m is e s e n ca che ( q ue ce s o it pa r v ot re n av igate ur j' ai e u le pro blè me so us In ter net E xp lo re r, n ot am men t o u u n ser veu r pro xy ), et, d onc, q ue l' ut ilis a te ur a it l' im pre ssio n q ue rie n n e se p as se p uis q ue les d on nées a ff ich ées re ste nt le s m êm es, i l pe ut ê tre j u d ic ie u d e de man de r, via le s en tê tes HTT P d e vot re rép onse , q ue la p ag e ne s o it pas m ise e n c a che. En P H P, o n pe ut util ise r cett e por tio n de co de : head er ( "Exp ires: Mon, 26 Ju l 19 97 05 :00:0 0 GMT " ); head er ( "Las tMod ified : " . gm date ( "D , d M Y H: i:s" ) . " G MT" ); head er ( "Cac heCo ntrol : no store , no cache , mus trev alida te" ); head er ( "Cac heCo ntrol : pos tche ck=0, pre check =0" , fa lse ); head er ( "Pra gma: n oca che" ); (D 'ap rès la pag e 'h ea der ' d e la d ocu m ent atio n d e PH P [ fr] ) III: Un e xem ple d' ap pli catio n A JAX Maint en ant q ue n o us a v o ns v u la thé orie et q ue n ous s a v o n s c o m men t ef fect uer u n s im ple appel A ja x , po urq uo i n e p as p as ser à u n petit e x em pl e co m pl et ? Apr ès to ut, u n pe u de m is e n app lic at io n n e pe ut q ue nous f a ire d u b ie n . A: P rése ntation de no tre applica tion L'ap plic at io n q ue je v ais i c i u tilis er co mme e x emp le es t e xtrê mem ent s im ple : n ous a v o ns u ne pag e w eb q ui c o ntie nt u n l ie n v ers u n s ite , e t, à c ôté , u n n o m bre d e cl ic s s u r ce l ie n. A c h aq ue f o is que le lie n es t cl iq ué, n o us v o ulo ns q ue le c o m pte ur s o it in cré men té d e 1 , e t ré aff ich é, s a n s q ue toute la p ag e n e s o it rech argée. Vous p ouv ez v o ir cett e (m in i )ap plic at io n s u r cette pag e . Je l' ai a u ssi i n té grée c i des so us d an s u ne i f ra m e ( p our ce ux q ui n e le s o nt pa s d ésa ct iv ées ) a fin q ue vo us n 'a y ez p as à o uv rir u ne a ut re fe nêt re : Pasc al M ARTIN , http://w ww.s q uale net .n et/ Page 10 de 19