![Page 1: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/1.jpg)
AJAX
CI-2413 Desarrollo de Aplicaciones para Internet
![Page 2: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/2.jpg)
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/publication
s/essays/archives/000385.php
![Page 3: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/3.jpg)
AJAX: Ejemplos
![Page 4: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/4.jpg)
AJAX: Más ejemplos…
http://www.pageflakes.com/ http://maps.google.com/ http://docs.google.com/ http://www.eyespot.com/ http://www32.meebo.com/
![Page 5: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/5.jpg)
AJAX: Frameworks
Ruby on Rails (Ruby, prototype.js) http://rails.rubyonrails.com/classes/
ActionView/Helpers/PrototypeHelper.html ATLAS (.NET) Google Web Toolkit (Java)
http://code.google.com/webtoolkit/ AjaxTags (JSP)
http://ajaxtags.sourceforge.net/
![Page 6: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/6.jpg)
AJAX: Frameworks
xajax (PHP) http://xajaxproject.org/
Backbase (Versión de comunidad) http://www.backbase.com/
Dojo http://dojotoolkit.org/
Jquery http://jquery.com/
![Page 7: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/7.jpg)
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
![Page 8: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/8.jpg)
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.
![Page 9: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/9.jpg)
AJAX
![Page 10: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/10.jpg)
AJAX
![Page 11: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/11.jpg)
XMLHTTPRequest
Normalmente: var req = new XMLHttpRequest();
En Microsoft Explorer: var req = new
ActiveXObject("Microsoft.XMLHTTP");
![Page 12: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/12.jpg)
XMLHTTPRequest: Métodos
Método Descripción
abort() Stops the current request
getAllResponseHeaders() Returns complete set of headers (labels and values) as a string
getResponseHeader("headerLabel")
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
![Page 13: AJAX CI-2413 Desarrollo de Aplicaciones para Internet](https://reader033.vdocuments.pub/reader033/viewer/2022051314/553873c2550346cd028b470c/html5/thumbnails/13.jpg)
Recursos http://www.sergiopereira.com/articles/
prototype.js.html http://www.prototypejs.org/ http://www.fiftyfoureleven.com/resources/pr
ogramming/xmlhttprequest http://developer.apple.com/internet/
webcontent/xmlhttpreq.html http://www.slideshare.net/remy.sharp/
prototype-jquery-going-from-one-to-the-other