AJAX CI-2413 Desarrollo de Aplicaciones para Internet.

Presentación del tema: "AJAX CI-2413 Desarrollo de Aplicaciones para Internet."— Transcripción de la presentación:

1 AJAX CI-2413 Desarrollo de Aplicaciones para Internet

2 AJAX Es un conjunto de técnicas que ya habían sido utilizadas desde 1998 por Microsoft. El término fue acuñado por Jesse James Garret en el 2005: http://www.adaptivepath.com/publicatio ns/essays/archives/000385.php http://www.adaptivepath.com/publicatio ns/essays/archives/000385.php

3 AJAX: Ejemplos

4 AJAX: Más ejemplos… http://www.pageflakes.com/ http://maps.google.com/ http://docs.google.com/ http://docs.google.com/ http://www.eyespot.com/ http://www32.meebo.com/

5 AJAX: Frameworks Ruby on Rails (Ruby, prototype.js) http://rails.rubyonrails.com/classes/Actio nView/Helpers/PrototypeHelper.html http://rails.rubyonrails.com/classes/Actio nView/Helpers/PrototypeHelper.html ATLAS (.NET) Google Web Toolkit (Java) http://code.google.com/webtoolkit/ AjaxTags (JSP) http://ajaxtags.sourceforge.net/

6 AJAX: Frameworks xajax (PHP) http://xajaxproject.org/ Backbase (Versión de comunidad) http://www.backbase.com/ Dojo http://dojotoolkit.org/ Jquery http://jquery.com/

7 AJAX: Frameworks Rialto http://rialto.improve-technologies.com/ Rico http://openrico.org/ SAJAX http://www.modernmethod.com/sajax/ CakePHP http://book.cakephp.org/view/208/AJAX

8 AJAX: Técnicas utilizadas. Presentación basada en normas utilizando XHTML y CSS. Despliegue dinámico e interacción utilizando el Modelo de Objetos del Documento. Intercambio de datos y manipulación utilizando XML y XSLT. Recuperación de datos asincrónicamente utilizando XMLHTTPRequest. Javascript para unir todo lo anterior.

9 AJAX

10

11 XMLHTTPRequest Normalmente: var req = new XMLHttpRequest(); En Microsoft Explorer: var req = new ActiveXObject("Microsoft.XMLHTTP");

12 XMLHTTPRequest: Métodos MétodoDescripción abort()Stops the current request getAllResponseHeaders()Returns complete set of headers (labels and values) as a string getResponseHeader("headerLab el") Returns the string value of a single header labelopen("method", "URL"[, asyncFlag[, "userName"[, "password"]]]) Assigns destination URL, method, and other optional attributes of a pending requestsend(content)Transmits the request, optionally with postable string or DOM object datasetRequestHeader("label", "value") Assigns a label/value pair to the header to be sent with a request

13 Recursos http://www.sergiopereira.com/articles/prot otype.js.html http://www.sergiopereira.com/articles/prot otype.js.html http://www.prototypejs.org/ http://www.fiftyfoureleven.com/resources/ programming/xmlhttprequest http://www.fiftyfoureleven.com/resources/ programming/xmlhttprequest http://developer.apple.com/internet/webco ntent/xmlhttpreq.html http://developer.apple.com/internet/webco ntent/xmlhttpreq.html http://www.slideshare.net/remy.sharp/prot otype-jquery-going-from-one-to-the-other http://www.slideshare.net/remy.sharp/prot otype-jquery-going-from-one-to-the-other