Upload
manolete-armas
View
18
Download
4
Embed Size (px)
Citation preview
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