AJAX

CI-2413 Desarrollo de Aplicaciones para Internet

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

AJAX: Ejemplos

AJAX: Más ejemplos…

http://www.pageflakes.com/ http://maps.google.com/ http://docs.google.com/ http://www.eyespot.com/ http://www32.meebo.com/

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/

AJAX: Frameworks

xajax (PHP) http://xajaxproject.org/

Backbase (Versión de comunidad) http://www.backbase.com/

Dojo http://dojotoolkit.org/

Jquery http://jquery.com/

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

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.

AJAX

AJAX

XMLHTTPRequest

Normalmente: var req = new XMLHttpRequest();

En Microsoft Explorer: var req = new

ActiveXObject("Microsoft.XMLHTTP");

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

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