GIS and Media fusion
"The explosive growth of the GeoWeb and geographic information has made GIS powerful media for the general public to communicate, but perhaps more importantly, GIS have also become media for constructive dialogs and interactions about social issues." - Sui & Goodchild
User Tools
ajax:jsonxhr
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
ajax:jsonxhr [2011/05/26 13:04] oertz created |
ajax:jsonxhr [2018/05/15 17:18] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== JSON ====== | + | ====== Première requête AJAX avec XMLHTTPRequest et JSON ====== |
| - | * Il faut d'abord se souvenir comment créer un objet en JavaScript : http://www.w3schools.com/js/js_objects.asp | + | ===== JSON ===== |
| + | |||
| + | * On peut d'abord se souvenir comment créer un objet en JavaScript : http://www.w3schools.com/js/js_objects.asp | ||
| * Analysez l'exemple : http://ogo.heig-vd.ch/ajax/Exemples/JSONcodec.html | * Analysez l'exemple : http://ogo.heig-vd.ch/ajax/Exemples/JSONcodec.html | ||
| - | ====== XMLHTTPRequest ====== | + | ===== XMLHTTPRequest ===== |
| * Quelques liens pour renforcer la théorie : | * Quelques liens pour renforcer la théorie : | ||
| Line 18: | Line 20: | ||
| * la réponse sera simplement injectée dans un élément <div> de l'IHM | * la réponse sera simplement injectée dans un élément <div> de l'IHM | ||
| - | ====== TP3 ====== | + | * **Le corrigé :** |
| + | * **avec fonction anonyme : http://ogo.heig-vd.ch/ajax/TP2_form/index_xhr.html** | ||
| + | * **sans fonction anonyme : http://ogo.heig-vd.ch/ajax/TP2_form/index_xhr_2.html** | ||
| + | * **Notez bien l'utilisation du //this// pour se référer au contexte d'exécution du //callback// (ici l'objet XHR)** | ||
| + | |||
| + | ===== TP3 ===== | ||
| * En partant du début d'application web suivante {{:ajax:tp3_xhr.zip|}} | * En partant du début d'application web suivante {{:ajax:tp3_xhr.zip|}} | ||
| - | * on dispose d'une partie client XHTML qui pose le décor (l'IHM) avec deux listes de sélection | + | * on dispose d'une partie cliente XHTML qui pose le décor (l'IHM) avec deux listes de sélection |
| * en fonction de la première (l'utilisateur sélectionne une famille), il s'agit d'alimenter la seconde (les espèces de la famille choisie) | * en fonction de la première (l'utilisateur sélectionne une famille), il s'agit d'alimenter la seconde (les espèces de la famille choisie) | ||
| * à chaque nouveau choix de famille, les espèces sont obtenues par dialogue avec le serveur au travers du service fourni getSpecies.php (cf. son entête) | * à chaque nouveau choix de famille, les espèces sont obtenues par dialogue avec le serveur au travers du service fourni getSpecies.php (cf. son entête) | ||
| - | * On souhaite donc obtenir le résultat comme présenté ici (cf. démo) | + | * On souhaite donc obtenir le résultat "sauce AJAX" comme présenté ici (cf. démo) |
| * Plus de suggestions cette fois-ci ! | * Plus de suggestions cette fois-ci ! | ||
| * sauf une référence http://www.w3schools.com/jsref/dom_obj_select.asp | * sauf une référence http://www.w3schools.com/jsref/dom_obj_select.asp | ||
| + | |||
| + | * **Le corrigé : http://ogo.heig-vd.ch/ajax/TP3_xhr/index.html** | ||
ajax/jsonxhr.1306407873.txt.gz · Last modified: 2018/05/15 17:17 (external edit)
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
