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
ajax2:techajax
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
|
ajax2:techajax [2014/03/18 17:27] oertz [Cookie Loading] |
ajax2:techajax [2014/03/27 19:36] oertz [IFrame Loading] |
||
|---|---|---|---|
| Line 27: | Line 27: | ||
| * CodePostal ([[http://ogo.heig-vd.ch/ajaxrad/Ex1/codepostal/codepostal_0.html|codepostal_0.html]]) : construire une application web avec technique AJAX permettant d'interagir avec le service [[http://www.geonames.org/export/web-services.html#postalCodeLookupJSON|GeoNames postalCodeLookupJSON]] | * CodePostal ([[http://ogo.heig-vd.ch/ajaxrad/Ex1/codepostal/codepostal_0.html|codepostal_0.html]]) : construire une application web avec technique AJAX permettant d'interagir avec le service [[http://www.geonames.org/export/web-services.html#postalCodeLookupJSON|GeoNames postalCodeLookupJSON]] | ||
| * Suggestions : voici un exemple de [[http://www.geonames.org/postalCodeLookupJSON?postalcode=1401&country=CH&callback=callbackFunction|requête]] | * Suggestions : voici un exemple de [[http://www.geonames.org/postalCodeLookupJSON?postalcode=1401&country=CH&callback=callbackFunction|requête]] | ||
| + | * Corrigé : http://ogo.heig-vd.ch/ajaxrad/Ex1/codepostal/codepostal.html | ||
| Conclusions : une technique facile à mettre en oeuvre, même si un peu tordue. Elle est limitée à l'envoi en GET. Notons que cette technique en mode JSON est aussi appelée JSONP, avec le P pour //padding// qui correspond au nom de callback qui préfixe le contenu résultat (nous verrons plus loin un autre avantage lié). | Conclusions : une technique facile à mettre en oeuvre, même si un peu tordue. Elle est limitée à l'envoi en GET. Notons que cette technique en mode JSON est aussi appelée JSONP, avec le P pour //padding// qui correspond au nom de callback qui préfixe le contenu résultat (nous verrons plus loin un autre avantage lié). | ||
| Line 36: | Line 37: | ||
| * Exercices : refaire au moins l'exercice TraceIt précédent en utilisant la technique d'IFrame Loading | * Exercices : refaire au moins l'exercice TraceIt précédent en utilisant la technique d'IFrame Loading | ||
| + | * Corrigé : [[http://ogo.heig-vd.ch/ajaxrad/Ex1/trace/trace_iframe.zip|traceit_iframe.zip]] | ||
| - | Conclusions : également facile à mettre en oeuvre et offrant de nombreuses utilisations de passerelle (ex. formulaire caché en POST, upload de fichier). La balise iframe était devenue obsolète (voire décriée) jusqu'à ce que HTML5 lui redonna vie (à lire parmi d'autres : http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/). | + | Conclusions : également facile à mettre en oeuvre et offrant de nombreuses utilisations de passerelle (ex. [[http://www.openjs.com/articles/ajax/ajax_file_upload|upload de fichier]]). La balise iframe était devenue obsolète (voire décriée) jusqu'à ce que HTML5 lui redonna vie (à lire parmi d'autres : http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/). |
| ===== Cookie Loading ===== | ===== Cookie Loading ===== | ||
| Résumé : on profite ici de l'espace de stockage que représente les cookies au sein d'un navigateur (//document.cookie//) comme passerelle d'échange de données. | Résumé : on profite ici de l'espace de stockage que représente les cookies au sein d'un navigateur (//document.cookie//) comme passerelle d'échange de données. | ||
ajax2/techajax.txt · Last modified: 2018/05/16 10:05 (external edit)
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
