ajax

12
AJAX CI-2413 Desarrollo de Aplicaciones para Internet

Upload: arnulfo-gomez

Post on 05-Dec-2014

1.356 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Ajax

AJAX

CI-2413 Desarrollo de Aplicaciones para Internet

Page 2: Ajax

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

AJAX: Ejemplos

Page 4: Ajax

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

AJAX: Frameworks

Ruby on Rails (Ruby, prototype.js) 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/

Page 6: Ajax

AJAX: Frameworks

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

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

Dojo http://dojotoolkit.org/

Page 7: Ajax

AJAX: Frameworks

Rialto http://rialto.improve-technologies.com/

Rico http://openrico.org/

SAJAX http://www.modernmethod.com/sajax/

Page 8: 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.

Page 9: Ajax

AJAX

Page 10: Ajax

AJAX

Page 11: Ajax

XMLHTTPRequest

Normalmente: var req = new XMLHttpRequest();

En Microsoft Explorer: var req = new

ActiveXObject("Microsoft.XMLHTTP");

Page 12: Ajax

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