PDF de programación - Ajax - Ajax Asynchronous JavaScript and XML - Aplicaciones web vs aplicaciones de escritorio

Ajax –– Asynchronous
Asynchronous
Ajax
JavaScript and XML
JavaScript and XML

Aplicaciones web
Aplicaciones web

vs vs

aplicaciones de escritorio
aplicaciones de escritorio

Ajax -- Introducci
Ajax

Introduccióónn

Aplicaciones web finalmente parecen
Aplicaciones web finalmente parecen
aplicaciones de escritorio
aplicaciones de escritorio
Permite que las aplicaciones web
Permite que las aplicaciones web
trabajen por debajo de la escena,
trabajen por debajo de la escena,
recogiendo datos y presentáándolos como
ndolos como
recogiendo datos y present
se quiera
se quiera

Ajax –– perspectiva usuario
perspectiva usuario
Ajax

Ejemplo buscador actual www.google.es
www.google.es
Ejemplo buscador actual
El resultado aparece despu

El resultado aparece despuéés de una
s de una
recarga de la pááginagina
recarga de la p

Version Ajax del buscador yahoo
Version Ajax del buscador yahoo
http://openrico.org/rico/yahooSearch.page

Ajax –– perspectiva de
perspectiva de
Ajax
programadores
programadores
Presentaciones usando HTML y CSS
Presentaciones usando HTML y CSS
Almacenamientos de datos usando XML
Almacenamientos de datos usando XML
recogidos desde el servidor
recogidos desde el servidor
Recogida de datos usando objetos
Recogida de datos usando objetos
XMLHttpRequest
XMLHttpRequest
Javascritp para hacer que todo suceda
Javascritp para hacer que todo suceda

Ajax –– QuQuéé se puede
se puede
Ajax
hacer?
hacer?

Tecnolog
Lanzamiento en 2005 con la utilizaci

Tecnologíía nacida hacia 1998.
a nacida hacia 1998.
Lanzamiento en 2005 con la utilizacióón en google suggest y
n en google suggest y
Google maps
Google maps
Buscadores en tiempo real con búúsquedas sin recarga
squedas sin recarga
http://www.google.com/webhp?complete=1&hl=en

Buscadores en tiempo real con b

Obtener la respuesta con la opción de auto completar

www.papermountain.org/demos/live

Chatear con amigos

www.plasticshore.com/projects/chat

Arrastrar y soltar con Ajax en carros de la compra
Juegos con Ajax

http://pandorabots.com/pandora/talk?botid=c96f911b3e35f9e1
www.jesperolsen.net/PChess

Ajax –– QuQuéé se puede
se puede
Ajax
hacer? II
hacer? II
Obtener respuesta de entrada a portales
Obtener respuesta de entrada a portales
inmediata
inmediata
www.jamesdam.com/ajax_login/login.html

Menús desplegables
Modificar páginas web en tiempo real

http://openrico.org/rico/demos.page?demo=ricoAjaxI

nnerHTML.html

http://digg.com/spy

Google Maps

http://maps.google.com

AjaxAjax

Marcos de trabajo
Marcos de trabajo

AjaxAjax -- AjaxLib
AjaxLib

http://karaszewski.com/tools/ajaxlib
Funci

Funcióón n loadXMLDoc
loadXMLDoc
Argumentos
Argumentos
URL del servidor
URL del servidor
Funcióón de
Funci
TrueTrue / / false

n de retrollamada
retrollamada
false dependiendo si se quiere eliminar
dependiendo si se quiere eliminar

espacios en blanco en el XML de retorno
espacios en blanco en el XML de retorno

AjaxAjax -- libXmlRequest
libXmlRequest

www.whitefrost.com/reference/2003/06/17/libX

mlRequest.html

Tiene dos métodos principales

getXML(sPath), petición asincrona, retorna null o un

documento xml

getXML(sPath,fHandler,1), devuelve 1 si la petición

se ha realizado y llama a la función fHandler

postXML(sPath,vData), petición post asincrona,

devuelve null o un documento xml
postXML(sPath,vData,fHandler,1)

AjaxAjax –– libXmlRequest

libXmlRequest IIII

Fhandler
Fhandler
Debe tener dos

Debe tener dos parametros
parametros
IdId, identifica la petici
XdomXdom , documento con los datos
, documento con los datos

, identifica la peticióónn

AjaxAjax -- XHConn
XHConn

Se le puede pasar todo el objeto

XMLHttpRequest o unicamente los datos

http://xkr.us/code/javascript/XHConn
var xhconn = new XHConn();
xhconn.connect(“data.php”, “POST”,

“color=red&number=3”, handlerFunction);

AjaxAjax -- SackSack

http://twilightuniverse.com/projects/sack
Se puede crear un objeto Sack y se puede

configurar

sackObject = new sack();
var vars = “”;
sackObject.requestFile = “sack.txt”;
sackObject.method = “GET”;
sackObject.element = “targetDiv”;
sackObject.runAJAX(vars);

Interactive Website
Website

AjaxAjax –– Interactive
FrameWork IWFIWF
FrameWork
Incluye un parseador de XML
http://sourceforge.net/projects/iwf

AjaxAjax -- Sarissa
Sarissa

Crear y cargar documentos XML y
Crear y cargar documentos XML y
manipularlos
manipularlos

Usa Usa Xpath

Xpath para extraer datos desde los
para extraer datos desde los

documentos XML
documentos XML
Usa XSLT para transformar XML
Usa XSLT para transformar XML
Usa Usa XMLHttpRequest

XMLHttpRequest para descargar
para descargar

XML usando ajaxajax
XML usando

http://sourceforge.net/projects/sarissa

AjaxAjax -- RicoRico

Marco de trabajo con efectos visuales
Marco de trabajo con efectos visuales
Prototype.js, , rico.js
rico.js
Prototype.js
http://openrico.org/rico

librerias desde el
desde el

AjaxAjax –– librerias
punto del servidor
punto del servidor
Sajax
Sajax
www.modernmethod.com/sajax
Permite crear Ajax Javascript en el servidor

usando varios lenguajes

Ejemplo

http://cyberdummy.co.uk/test/dd.php

API Java para XML
API Java para XML

Ejemplos y recursos sobre varios
Ejemplos y recursos sobre varios
proyectos Java XML
proyectos Java XML

API Java para XML
API Java para XML

JAXB
JAXB
API Java para ligadura XML
API Java para ligadura XML
Enfoque en el uso de datos XML para la
Enfoque en el uso de datos XML para la
entrada de programas Java
entrada de programas Java
Pretende asignar los elementos de
Pretende asignar los elementos de
documentos XML a clases y sus atributos a
documentos XML a clases y sus atributos a
propiedades de esas clases
propiedades de esas clases
Reproduce la organizacióón jern jeráárquica de los
rquica de los
datos XML en una serie de clases
datos XML en una serie de clases

Reproduce la organizaci

API Java para XML
API Java para XML

JAXB
JAXB
El API cubre tres

Clasificaci

n o seriacióón (la conversi

n (la conversióón de los datos
n de los datos

n (la conversióón de esas clases en
n de esas clases en

El API cubre tres ááreas fundamentales
reas fundamentales
Deseriacion o desclasificacióón (la conversi
Deseriacion o desclasificaci
XML en clases)
XML en clases)
Clasificacióón o seriaci
un nuevo XML)
un nuevo XML)
Validacióón de los documentos XML (DTD o Schema)
n de los documentos XML (DTD o Schema)
Validaci
Permite que las aplicaciones Java implementen
Permite que las aplicaciones Java implementen
directamente documentos de datos XML como si
directamente documentos de datos XML como si
fueran clases
fueran clases
Facilita la asignacióón de XML a base de datos y de
n de XML a base de datos y de
objetos de base de datos
objetos de base de datos

Facilita la asignaci

API Java para XML
API Java para XML

WebRowSet
WebRowSet
Es una implementaci

Es una implementacióón de la interfaz
n de la interfaz
RowSet que puede leer y escribir datos en
RowSet que puede leer y escribir datos en
formato XML
formato XML
WebRowSet hereda de la clase
WebRowSet hereda de la clase
CachedRowSet de la categoríía de grupo de
a de grupo de
CachedRowSet de la categor
filas desconectado. Guarda los datos en
filas desconectado. Guarda los datos en
cache fuera de origen de datos
cache fuera de origen de datos

API Java para XML
API Java para XML

JAXMJAXM

API Java para mensajer
Servicio de alto nivel para composici

API Java para mensajerííaa
Servicio de alto nivel para composicióón y n y
envenvíío de mensajes
o de mensajes
Forma estáándar de intercambiar
ndar de intercambiar
documentos de empresa de forma segura y
documentos de empresa de forma segura y
fiable
fiable

Forma est

API Java para XML
API Java para XML

JAXRJAXR

El objetivo de JAXR es compartir informaci

El objetivo de JAXR es compartir informacióón n
empresarial relacionada con XML a travéés de
s de
empresarial relacionada con XML a trav
Internet
Internet
Hay dos usos fundamentales, registrar una
Hay dos usos fundamentales, registrar una
empresa o buscar en el registro
empresa o buscar en el registro
Un registro contendráá al menos un nombre, una
al menos un nombre, una
descripcióón y algunos datos de clasificaci
n y algunos datos de clasificacióón para
n para
descripci
facilitar la búúsqueda
squeda
facilitar la b
JAXR presta soporte para el uso de consultar SQL
JAXR presta soporte para el uso de consultar SQL

Un registro contendr

API Java para XML
API Java para XML

JAX RPC
JAX RPC
Dos de los est

Dos de lo